@charset "UTF-8";

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden],
template {
  display: none
}

a {
  background: transparent
}

a:active,
a:hover {
  outline: 0
}

abbr[title] {
  border-bottom: 1px dotted
}

b,
strong {
  font-weight: 700
}

dfn {
  font-style: italic
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

mark {
  background: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

img {
  border: 0
}

svg:not(:root) {
  overflow: hidden
}

figure {
  margin: 1em 40px
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}

pre {
  overflow: auto
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0
}

button {
  overflow: visible
}

button,
select {
  text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled],
html input[disabled] {
  cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

input {
  line-height: normal
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto
}

optgroup {
  font-weight: 700
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

td,
th {
  padding: 0
}

.pull-left {
  float: left
}

.pull-right {
  float: right
}

.hide-text,
a.internal>.invisible,
a.external>.invisible {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0
}

.main {
  margin: 55px 0 0;
  padding: 0 0 55px
}

@media screen and (max-width:600px) {
  .main {
    margin-top: 0
  }
}

.main-container {
  min-height: 600px
}

.receptacle {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  position: relative
}

@media screen and (max-width:600px) {
  .receptacle {
    width: auto
  }
}

.bull {
  margin: 0 3px
}

@media screen and (max-width:600px) {
  .main.post-write {
    padding-left: 17px;
    padding-right: 17px
  }
}

@media screen and (max-width:420px) {
  .hide-on-mobile {
    display: none
  }
}

ul,
menu {
  margin: 0;
  padding: 0
}

body {
  word-wrap: break-word
}

body,
textarea,
input {
  padding: 0;
  margin: 0;
  color: #414243;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 400;
  font-family: 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif
}

img {
  max-width: 100%;
  width: auto\9;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic
}

a {
  text-decoration: none;
  color: #225d99
}

a:hover {
  text-decoration: underline
}

::selection {
  background-color: #dddedf
}

::-webkit-input-placeholder {
  color: #9d9e9f
}

html.touch a {
  text-decoration: none
}

.editable {
  min-height: 88px;
  background: #fff;
  cursor: text
}

.editable a {
  text-decoration: none
}

.editable a[data-editable].hover,
.editable a[data-editable]:hover {
  background: #eff6fa
}

.editable-container {
  position: relative
}

a.internal,
a.external {
  margin: 0 4px 0 0;
  word-break: break-word
}

a.internal.wrap,
a.external.wrap {
  white-space: normal
}

a.internal>.ellipsis:after,
a.ui-suggest.internal>.row:after,
.invited-list a.internal>.author-link:after,
.invited-but-not-in-list a.internal>.author-link:after,
a.external>.ellipsis:after,
a.ui-suggest.external>.row:after,
.invited-list a.external>.author-link:after,
.invited-but-not-in-list a.external>.author-link:after {
  content: '...'
}

.icon-external {
  margin-left: 4px;
  display: inline-block;
  width: 7px;
  height: 7px;
  vertical-align: 0;
  background-position: 0 -204px;
  background-image: url(http://z1.zhimg.com/images/design/c7f1a783.sprites-1.8.2.png)
}

.editable-dropzone {
  display: none;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(253, 254, 255, .3)
}

.editable-dropzone.active,
.editable-dropzone.droppable {
  display: table
}

.editable-dropzone.droppable .hint {
  background-color: rgba(0, 0, 0, .02);
  border: 2px dashed #bbbcbd
}

.editable-dropzone .hint {
  display: table-cell;
  border: 2px dashed #d2d3d4;
  text-align: center;
  vertical-align: middle;
  color: #cccdce;
  font-size: 20px;
  -webkit-transition: all .05s ease-in-out;
  transition: all .05s ease-in-out
}

.holdertext,
.placeholder {
  color: #a0a0a0;
  pointer-events: none
}

.modal-dialog,
div[contentEditable] {
  -moz-outline: 0;
  outline: 0
}

.clearfix {
  *zoom: 1
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: ""
}

.clearfix:after {
  clear: both
}

.hidden {
  display: none
}

.ellipsis,
.ui-suggest>.row,
.invited-list .author-link,
.invited-but-not-in-list .author-link {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.server-error-container,
.items-empty {
  text-align: center;
  color: #9d9e9f;
  padding: 110px 0
}

.server-error-container .icon,
.items-empty .icon {
  display: block;
  margin: 0 auto 20px;
  width: 110px;
  height: 134px
}

.server-error-container h1,
.items-empty h1 {
  font-weight: 400
}

.hover-tip {
  border-radius: 4px;
  background-color: #000;
  background-color: rgba(0, 0, 0, .75);
  color: #fff;
  padding: 0 10px;
  line-height: 36px;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  text-shadow: none;
  -webkit-transition: all .05s ease-in-out;
  transition: all .05s ease-in-out
}

.hover-tip:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin: 0 0 0 -8px;
  font-size: 0;
  border-top: 6px solid rgba(0, 0, 0, .75);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent
}

.basic-input,
.zm-img-uploader input.video-url,
.linkdialog-form .text {
  margin: 0;
  padding: 10px 12px;
  font-size: 16px;
  white-space: pre-wrap;
  color: #222;
  cursor: text;
  border: 1px solid #DDD;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05) inset;
  resize: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.basic-input:focus,
.zm-img-uploader input.video-url:focus,
.linkdialog-form .text:focus {
  outline: 0;
  box-shadow: 0 0 3px rgba(193, 194, 195, .25);
  border: 1px solid #c1c2c3
}

input.basic-input,
.zm-img-uploader input.video-url,
.linkdialog-form input.text {
  line-height: 22px
}

.pape-title {
  font-size: 17px;
  padding-bottom: 20px;
  border-bottom: 1px solid #DDDEDF;
  font-weight: 400
}

@media screen and (max-width:600px) {
  .pape-title {
    padding-left: 17px;
    padding-right: 17px
  }
}

.avatar-big,
.avatar-mid,
.avatar-small {
  border-radius: 50%
}

.avatar-big {
  width: 100px;
  height: 100px
}

.avatar-mid {
  width: 50px;
  height: 50px
}

.avatar-small {
  width: 25px;
  height: 25px
}

.text-muted {
  color: #9d9e9f
}

.modal-dialog-title-close,
.icon,
.zg-icon,
.tr-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  vertical-align: text-top;
  background-image: url(http://z1.zhimg.com/images/6e75b796.sprites.png);
  background-size: 240px 400px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .modal-dialog-title-close,
  .icon,
  .zg-icon,
  .tr-icon {
    background-image: url(http://z1.zhimg.com/images/b4e3b6a0.sprites@2x.png)
  }
}

.icon[class=icon] {
  background-image: none
}

.old-sprite,
.icon-help,
.icon-slider-minus,
.icon-slider-plus,
.lang-select .zg-icon-double-arrow,
.video-player-box .icon-fold {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url(http://z1.zhimg.com/images/design/c7f1a783.sprites-1.8.2.png);
  background-size: 308px 250px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .old-sprite,
  .icon-help,
  .icon-slider-minus,
  .icon-slider-plus,
  .lang-select .zg-icon-double-arrow,
  .video-player-box .icon-fold {
    background-image: url(http://z1.zhimg.com/images/design/50381825.sprites-1.8.2@2x.png)
  }
}

.icon-help {
  background-position: -284px -68px
}

.icon-error-404 {
  background-image: url(http://z1.zhimg.com/images/big/12ce919b.404.png);
  background-size: 110px 134px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .icon-error-404 {
    background-image: url(http://z1.zhimg.com/images/big/60e377d9.404@2x.png);
    background-size: contain
  }
}

.icon-error-500 {
  background-image: url(http://z1.zhimg.com/images/big/6aa2bd49.500.png);
  background-size: 110px 134px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .icon-error-500 {
    background-image: url(http://z1.zhimg.com/images/big/f6ca50c3.500@2x.png);
    background-size: contain
  }
}

.icon-no-article {
  background-image: url(http://z1.zhimg.com/images/big/d3996c1f.no-article.png);
  background-size: 110px 134px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .icon-no-article {
    background-image: url(http://z1.zhimg.com/images/big/6ee957a5.no-article@2x.png);
    background-size: contain
  }
}

.icon-upload-avatar {
  background-image: url(http://z1.zhimg.com/images/big/8e5cb57d.upload-avatar.png);
  background-size: 64px 53px!important;
  background-position: center 30px;
  background-color: #f1f2f3
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .icon-upload-avatar {
    background-image: url(http://z1.zhimg.com/images/big/d15d70f5.upload-avatar@2x.png);
    background-size: contain
  }
}

.icon-create-column-next {
  background-position: -60px -287px
}

.icon-navbar-menu {
  background-position: -96px 15px
}

.home .icon-navbar-menu {
  background-position: -183px 15px
}

.icon-navbar-login {
  background-position: -113px -2px
}

.home .icon-navbar-login {
  background-position: -199px -1px
}

.icon-navbar-write {
  background-position: -53px 15px
}

.home .icon-navbar-write {
  background-position: -141px 15px
}

.icon-navbar-drafts {
  background-position: -40px -202px
}

.home .icon-navbar-drafts {
  background-position: -80px -202px
}

.icon-navbar-logo {
  background-position: 16px 15px
}

.icon-navbar-select {
  background-position: -41px -7px
}

.icon-dd-columns {
  background-position: -27px -115px
}

.icon-dd-create {
  background-position: 0 -115px
}

.icon-dd-drafts {
  background-position: -81px -115px
}

.icon-dd-logout {
  background-position: -135px -116px
}

.icon-del-big {
  background-position: -109px -116px;
  vertical-align: -1px
}

.icon-share-sina {
  background-position: -115px -80px
}

.icon-share-qq {
  background-position: -146px -80px
}

.icon-share-douban {
  background-position: -58px -80px
}

.icon-share-twitter {
  background-position: -86px -80px
}

.icon-remove-topic,
.icon-remove-link {
  background-position: -106px -47px;
  width: 18px;
  height: 18px
}

a:hover .icon-remove-topic,
a:hover .icon-remove-link {
  background-position: -80px -47px
}

.icon-panel-invite {
  background-position: 0 -233px
}

.icon-settings {
  background-position: -217px -288px
}

.icon-go {
  background-position: -72px -168px;
  width: 26px;
  height: 27px
}

.icon-create-column {
  background-position: 0 -157px;
  width: 50px;
  height: 51px
}

.icon-popup-close,
.modal-dialog-title-close {
  background-position: -102px -155px;
  width: 54px;
  height: 54px
}

.icon-comment-remove,
.icon-del {
  background-position: -28px -320px
}

.icon-comment-reply {
  background-position: 0 -320px
}

.icon-comment-like {
  background-position: 0 -49px
}

.icon-comment-report {
  background-position: -58px -320px
}

.icon-add-titleimg {
  background-position: -181px -79px;
  width: 60px;
  height: 51px
}

.icon-img-caption {
  background-position: -88px -288px
}

.icon-img-change {
  background-position: -120px -287px;
  width: 19px
}

.icon-img-delete {
  background-position: -155px -287px;
  height: 17px
}

.icon-actionbar-link {
  background-position: -223px -353px
}

.icon-actionbar-text {
  background-position: -194px -354px
}

.icon-read-all {
  background-position: -203px -50px
}

.icon-linked-post {
  background-position: 0 -80px
}

.item-with-title-img .icon-linked-post {
  background-position: -24px -80px
}

.icon-posts-end {
  background-position: -161px -161px
}

.icon-more-voters {
  background-position: -193px -238px
}

.icon-prev-post {
  background-position: -141px -47px
}

.icon-next-post {
  background-position: -174px -47px
}

.icon-magnify {
  background-position: -55px -49px
}

.icon-comment {
  background-position: -117px -320px
}

.item-with-title-img .entry-meta .icon-comment {
  background-position: -86px -319px
}

.icon-share {
  background-position: -146px -319px
}

.icon-edit {
  background-position: -30px -288px;
  width: 15px;
  height: 15px
}

.icon-weibo {
  margin-right: 10px;
  width: 20px;
  height: 19px;
  background-position: -105px -349px
}

.icon-mail {
  margin-right: 10px;
  width: 20px;
  height: 19px;
  background-position: -141px -351px
}

.icon-voteup {
  background-position: 0 -49px
}

.item-with-title-img .icon-voteup {
  background-position: -175px -321px
}

.icon-votedown {
  background-position: -26px -49px
}

.icon-eye {
  width: 20px;
  height: 12px;
  background-position: -200px -322px
}

.icon-error {
  background-position: -188px -287px
}

.icon-alertbar-info {
  background-position: 0 -349px
}

.icon-alertbar-error {
  background-position: -32px -349px
}

.icon-alertbar-warn {
  background-position: -64px -349px
}

.zg-icon-pen,
.zg-icon-pen {
  text-indent: -999em
}

.zg-icon-pen {
  background-position: -205px -379px
}

.zg-icon-trash {
  background-position: -219px -379px
}

.btn,
.btn-blue,
.zg-btn-blue,
.modal-dialog-buttons>button[name=ok],
.modal-dialog-buttons>button[name=yes],
.btn-dark-grey,
.btn-red,
.btn-dark-green,
.btn-hollow,
.btn-white {
  padding: 0 14px;
  border-radius: 4px;
  line-height: 42px;
  margin: 0;
  cursor: pointer;
  font-size: 16px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .15) inset, 0 1px 1px rgba(0, 0, 0, .15);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
  color: #fff;
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block
}

.btn:active,
.btn-blue:active,
.zg-btn-blue:active,
.modal-dialog-buttons>button[name=ok]:active,
.modal-dialog-buttons>button[name=yes]:active,
.btn-dark-grey:active,
.btn-red:active,
.btn-dark-green:active,
.btn-hollow:active,
.btn-white:active {
  box-shadow: 0 1px 3px rgba(0, 0, 0, .15) inset, 0 1px 2px rgba(255, 255, 255, .6)
}

.btn:hover,
.btn-blue:hover,
.zg-btn-blue:hover,
.modal-dialog-buttons>button[name=ok]:hover,
.modal-dialog-buttons>button[name=yes]:hover,
.btn-dark-grey:hover,
.btn-red:hover,
.btn-dark-green:hover,
.btn-hollow:hover,
.btn-white:hover {
  text-decoration: none
}

.btn.mid,
.btn-blue.mid,
.mid.zg-btn-blue,
.modal-dialog-buttons>button.mid[name=ok],
.modal-dialog-buttons>button.mid[name=yes],
.btn-dark-grey.mid,
.btn-red.mid,
.btn-dark-green.mid,
.btn-hollow.mid,
.btn-white.mid {
  font-size: 15px;
  line-height: 36px;
  padding: 0 12px
}

.btn[disabled],
.btn-blue[disabled],
[disabled].zg-btn-blue,
.modal-dialog-buttons>button[disabled][name=ok],
.modal-dialog-buttons>button[disabled][name=yes],
.btn-dark-grey[disabled],
.btn-red[disabled],
.btn-dark-green[disabled],
.btn-hollow[disabled],
.btn-white[disabled] {
  cursor: not-allowed
}

.btn {
  border: 0;
  background: 0 0
}

.btn-white {
  border: 1px solid #d6d7d8;
  color: #9d9e9f;
  text-shadow: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
  background: #fff
}

.btn-white:active {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  background-color: #FBFBFB
}

.btn-white:focus {
  text-decoration: none;
  background-color: #fbfbfb
}

.btn-blue,
.zg-btn-blue,
.modal-dialog-buttons>button[name=ok],
.modal-dialog-buttons>button[name=yes] {
  background-color: #3792dc;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#409ae2), to(#2887d3));
  background-image: -webkit-linear-gradient(top, #409ae2, #2887d3);
  background-image: -moz-linear-gradient(top, #409ae2, #2887d3);
  background-image: linear-gradient(top, #409ae2, #2887d3);
  background-repeat: repeat-x;
  border: 1px solid #2184d3;
  color: #fff
}

.btn-blue:active,
.zg-btn-blue:active,
.modal-dialog-buttons>button[name=ok]:active,
.modal-dialog-buttons>button[name=yes]:active {
  background-color: #2486d5;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#298BDA), to(#1D7FCE));
  background-image: -webkit-linear-gradient(top, #298BDA, #1D7FCE);
  background-image: -moz-linear-gradient(top, #298BDA, #1D7FCE);
  background-image: linear-gradient(top, #298BDA, #1D7FCE);
  background-repeat: repeat-x;
  border: 1px solid #1076C7
}

.btn-blue:focus,
.zg-btn-blue:focus,
.modal-dialog-buttons>button[name=ok]:focus,
.modal-dialog-buttons>button[name=yes]:focus {
  box-shadow: 0 0 6px #1076C7;
  border: 1px solid #1076C7
}

.btn-dark-grey {
  background-color: #7a8791;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#808c96), to(#707f8b));
  background-image: -webkit-linear-gradient(top, #808c96, #707f8b);
  background-image: -moz-linear-gradient(top, #808c96, #707f8b);
  background-image: linear-gradient(top, #808c96, #707f8b);
  background-repeat: repeat-x;
  border: 1px solid #60707E
}

.btn-dark-grey:active {
  background-color: #667786;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#697B8A), to(#617280));
  background-image: -webkit-linear-gradient(top, #697B8A, #617280);
  background-image: -moz-linear-gradient(top, #697B8A, #617280);
  background-image: linear-gradient(top, #697B8A, #617280);
  background-repeat: repeat-x;
  border: 1px solid #405261
}

.btn-dark-grey:focus {
  box-shadow: 0 0 6px #405261;
  border: 1px solid #405261
}

.btn-red {
  background-color: #ed4353;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f24858), to(#e53b4b));
  background-image: -webkit-linear-gradient(top, #f24858, #e53b4b);
  background-image: -moz-linear-gradient(top, #f24858, #e53b4b);
  background-image: linear-gradient(top, #f24858, #e53b4b);
  background-repeat: repeat-x;
  border: 1px solid #d22132
}

.btn-red:active {
  background-color: #e12d3e;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E63344), to(#DA2435));
  background-image: -webkit-linear-gradient(top, #E63344, #DA2435);
  background-image: -moz-linear-gradient(top, #E63344, #DA2435);
  background-image: linear-gradient(top, #E63344, #DA2435);
  background-repeat: repeat-x;
  border: 1px solid #B61827
}

.btn-red:focus {
  box-shadow: 0 0 6px #B61827;
  border: 1px solid #B61827
}

.btn-dark-green {
  background-color: #61c788;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6bc88e), to(#52c77e));
  background-image: -webkit-linear-gradient(top, #6bc88e, #52c77e);
  background-image: -moz-linear-gradient(top, #6bc88e, #52c77e);
  background-image: linear-gradient(top, #6bc88e, #52c77e);
  background-repeat: repeat-x;
  border: 1px solid #1cac52
}

.btn-dark-green:active {
  background-color: #47bc73;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4CBD77), to(#40BB6E));
  background-image: -webkit-linear-gradient(top, #4CBD77, #40BB6E);
  background-image: -moz-linear-gradient(top, #4CBD77, #40BB6E);
  background-image: linear-gradient(top, #4CBD77, #40BB6E);
  background-repeat: repeat-x;
  border: 1px solid #139142
}

.btn-dark-green:focus {
  box-shadow: 0 0 6px #139142;
  border: 1px solid #139142
}

.btn-grey {
  border: 1px solid #DDDEDF;
  background-color: #fbfcfd;
  color: #9d9e9f;
  text-shadow: none;
  box-shadow: none
}

.btn-grey:active {
  background-color: #f4f5f6;
  border: 1px solid #c4c5c6
}

.btn-grey:focus {
  box-shadow: 0 0 6px #c4c5c6;
  border: 1px solid #c4c5c6
}

.btn-hollow {
  border: 1px solid #cccdce;
  background-color: #fbfcfd;
  color: #9d9e9f;
  text-shadow: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .08)
}

.btn-hollow:active {
  border: 1px solid #c2c3c4;
  color: #666768;
  background-color: #f4f5f6
}

.btn-hollow:focus {
  box-shadow: 0 0 6px #b2b3b4;
  border: 1px solid #b2b3b4
}

.btn-green {
  background-color: #b4dc6d;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bfe572), to(#a2cf65));
  background-image: -webkit-linear-gradient(top, #bfe572, #a2cf65);
  background-image: -moz-linear-gradient(top, #bfe572, #a2cf65);
  background-image: linear-gradient(top, #bfe572, #a2cf65);
  background-repeat: repeat-x;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .3);
  border: 1px solid #91ae53;
  color: #70893a;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset, 0 1px 2px rgba(0, 0, 0, .1);
  font-size: 14px;
  padding: 0 12px;
  line-height: 28px;
  margin: 0;
  cursor: pointer
}

.btn-green:active {
  background-color: #a4d44d;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A8D649), to(#9ED355));
  background-image: -webkit-linear-gradient(top, #A8D649, #9ED355);
  background-image: -moz-linear-gradient(top, #A8D649, #9ED355);
  background-image: linear-gradient(top, #A8D649, #9ED355);
  background-repeat: repeat-x;
  border: 1px solid #84A53E
}

.btn-green:focus {
  box-shadow: 0 0 6px #84A53E;
  border: 1px solid #84A53E
}

.btn-link,
.modal-dialog-buttons>button[name=cancel] {
  font-size: 1em;
  border: 0;
  background: 0 0
}

html.no-touch .btn-link:hover,
html.no-touch .modal-dialog-buttons>button[name=cancel]:hover {
  cursor: pointer;
  text-decoration: underline
}

.btn.normal {
  font-size: 14px;
  line-height: 28px;
  padding: 0 8px
}

.z-ico-daily {
  background-image: url(http://z1.zhimg.com/images/b9470226.autosprite.png);
  background-repeat: no-repeat
}

.z-ico-daily {
  background-position: 0 0;
  width: 16px;
  height: 16px
}

@media screen and (-webkit-min-device-pixel-ratio:1),
screen and (min--moz-device-pixel-ratio:1),
screen and (-o-min-device-pixel-ratio:100 / 100),
screen and (min-device-pixel-ratio:1),
screen and (min-resolution:1dppx) {
  .z-ico-daily {
    background-image: url(http://z1.zhimg.com/images/b9470226.autosprite.png);
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    background-size: 16px 16px
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2),
screen and (min--moz-device-pixel-ratio:2),
screen and (-o-min-device-pixel-ratio:200 / 100),
screen and (min-device-pixel-ratio:2),
screen and (min-resolution:2dppx) {
  .z-ico-daily {
    background-image: url(http://z1.zhimg.com/images/c5e9527f.autosprite@2x.png);
    -webkit-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    background-size: 16px 16px
  }
}

.editable pre {
  display: block;
  white-space: pre-wrap
}

.editable pre div {
  *display: inline
}

.editable pre br {
  *display: block
}

pre.code-diff {
  white-space: pre-wrap
}

pre.code-diff,
body .highlight,
.editable pre {
  margin: 1em 0;
  padding: .4em .6em;
  font-size: 15px;
  line-height: 1.5;
  border-radius: 2px;
  background: #f8f8f8
}

code,
.editable pre,
.highlight {
  font-family: Menlo, Monaco, Consolas, "Andale Mono", "lucida console", "Courier New", monospace
}

body .highlight {
  width: auto;
  overflow: auto;
  word-wrap: normal;
  -webkit-overflow-scrolling: touch
}

.highlight pre {
  margin: 0
}

.highlight::-webkit-scrollbar {
  width: 6px;
  height: 6px
}

.highlight::-webkit-scrollbar-thumb:horizontal {
  border-radius: 6px;
  background-color: rgba(0, 0, 0, .5)
}

.highlight::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: rgba(0, 0, 0, .6)
}

.highlight code {
  overflow: auto
}

.highlight .hll {
  background-color: #ffc
}

.highlight {
  background: #fff
}

.highlight .c {
  color: #998;
  font-style: italic
}

.highlight .err {
  color: #a61717;
  background-color: #e3d2d2
}

.highlight .k {
  font-weight: 700
}

.highlight .o {
  font-weight: 700
}

.highlight .cm {
  color: #998;
  font-style: italic
}

.highlight .cp {
  color: #999;
  font-weight: 700
}

.highlight .c1 {
  color: #998;
  font-style: italic
}

.highlight .cs {
  color: #999;
  font-weight: 700;
  font-style: italic
}

.highlight .gd {
  color: #000;
  background-color: #fdd
}

.highlight .ge {
  font-style: italic
}

.highlight .gr {
  color: #a00
}

.highlight .gh {
  color: #999
}

.highlight .gi {
  color: #000;
  background-color: #dfd
}

.highlight .go {
  color: #888
}

.highlight .gp {
  color: #555
}

.highlight .gs {
  font-weight: 700
}

.highlight .gu {
  color: #aaa
}

.highlight .gt {
  color: #a00
}

.highlight .kc {
  font-weight: 700
}

.highlight .kd {
  font-weight: 700
}

.highlight .kn {
  font-weight: 700
}

.highlight .kp {
  font-weight: 700
}

.highlight .kr {
  font-weight: 700
}

.highlight .kt {
  color: #458;
  font-weight: 700
}

.highlight .m {
  color: #099
}

.highlight .s {
  color: #d32
}

.highlight .na {
  color: teal
}

.highlight .nb {
  color: teal
}

.highlight .nc {
  color: #458;
  font-weight: 700
}

.highlight .no {
  color: teal
}

.highlight .ni {
  color: purple
}

.highlight .ne {
  color: #900;
  font-weight: 700
}

.highlight .nf {
  color: #900;
  font-weight: 700
}

.highlight .nn {
  color: #555
}

.highlight .nt {
  color: navy
}

.highlight .nv {
  color: teal
}

.highlight .ow {
  font-weight: 700
}

.highlight .w {
  color: #bbb
}

.highlight .mf {
  color: #099
}

.highlight .mh {
  color: #099
}

.highlight .mi {
  color: #099
}

.highlight .mo {
  color: #099
}

.highlight .sb {
  color: #d32
}

.highlight .sc {
  color: #d32
}

.highlight .sd {
  color: #d32
}

.highlight .s2 {
  color: #d32
}

.highlight .se {
  color: #d32
}

.highlight .sh {
  color: #d32
}

.highlight .si {
  color: #d32
}

.highlight .sx {
  color: #d32
}

.highlight .sr {
  color: olive
}

.highlight .s1 {
  color: #d32
}

.highlight .ss {
  color: #d32
}

.highlight .bp {
  color: #999
}

.highlight .vc {
  color: teal
}

.highlight .vg {
  color: teal
}

.highlight .vi {
  color: teal
}

.highlight .il {
  color: #099
}

.fileinput-button {
  display: inline-block;
  position: relative;
  overflow: hidden
}

.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(-300px, 0) scale(4);
  font-size: 23px;
  direction: ltr;
  cursor: pointer
}

.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  margin-bottom: 5px
}

.progress-animated .bar {
  background: url(http://z1.zhimg.com/../img/progressbar.gif)!important;
  filter: none
}

.fileupload-loading {
  float: right;
  width: 32px;
  height: 32px;
  background: url(http://z1.zhimg.com/../img/loading.gif) center no-repeat;
  background-size: contain;
  display: none
}

.fileupload-processing .fileupload-loading {
  display: block
}

@media (max-width:767px) {
  .fileupload-buttonbar .toggle,
  .files .toggle,
  .files .btn span {
    display: none
  }
  .files .name {
    width: 80px;
    word-wrap: break-word
  }
}

.zh-lightbox-thumb {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  position: relative;
  z-index: 21
}

html.lightbox-zoomin-active .zh-lightbox-thumb,
html.lightbox-zoomin .zh-lightbox-thumb {
  z-index: 20
}

html.lightbox-zoomin-active .zh-lightbox-thumb.zoomed,
html.lightbox-zoomin .zh-lightbox-thumb.zoomed {
  z-index: 21
}

.zh-lightbox-thumb.zoomed {
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out
}

html.lightbox-zoomin body {
  overflow: hidden
}

.lightbox-overlay {
  z-index: 20;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  -webkit-transition: opacity ease-in-out .2s;
  transition: opacity ease-in-out .2s;
  opacity: .9
}

.lightbox-overlay.in,
.lightbox-overlay.out.out-active {
  opacity: 0
}

.lightbox-overlay.out,
.lightbox-overlay.in.in-active {
  opacity: .9
}

.popup-bg {
  background-color: rgba(0, 0, 0, .3);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11
}

.popup {
  position: fixed;
  left: 50%;
  margin-left: -210px;
  top: 15%;
  width: 420px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
  z-index: 12
}

.popup .title {
  padding: 0 20px;
  position: relative
}

.popup .title h1 {
  font-size: 16px;
  font-weight: 400;
  line-height: 54px
}

.popup .title .close {
  width: 54px;
  height: 54px;
  display: inline-block;
  background: url(http://z1.zhimg.com/images/design/close.png) center no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  opacity: .7;
  -webkit-transition: all .05s ease-in-out
}

.popup .title .close:hover {
  opacity: 1
}

.popup .content {
  border-bottom: 1px dashed #f6f6f6
}

.popup .foot {
  height: 80px;
  padding: 0 20px;
  text-align: center
}

#nprogress {
  -webkit-pointer-events: none;
  pointer-events: none
}

#nprogress .bar {
  background: #00bfff;
  color: #00bfff;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px
}

#nprogress .peg {
  display: block;
  position: absolute;
  right: 0;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px, 0 0 5px;
  opacity: 1;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px)
}

.ac-renderer {
  position: absolute;
  top: 35px;
  left: 1px;
  z-index: 10;
  width: 640px;
  background: #fff;
  border: 1px solid #999;
  border: 0 none transparent;
  border-radius: 5px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .5)
}

.ac-renderer>.ac-row {
  cursor: pointer;
  padding: 8px;
  zoom: 1;
  clear: both
}

.ac-renderer>.ac-row.active {
  background-color: #d6e9f8
}

.ui-alertbar {
  position: absolute;
  width: 100%;
  height: 42px;
  line-height: 42px;
  color: #fff;
  opacity: .95;
  z-index: 19;
  border-top: 1px solid #b3b4b5;
  margin-top: -1px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  text-shadow: 0 1px 0 rgba(0, 0, 0, .1)
}

.ui-alertbar .icon {
  width: 20px;
  height: 21px;
  margin-right: 8px;
  vertical-align: -5px
}

.ui-alertbar.sticky {
  position: fixed;
  top: 0
}

.ui-alertbar.info {
  background-color: #5ec484
}

.ui-alertbar.error {
  background-color: #cc655a
}

.ui-alertbar.warn {
  background-color: #e7d780
}

.ui-alertbar.ng-hide-remove,
.ui-alertbar.ng-hide-add {
  -webkit-transition: all ease-in-out .2s;
  transition: all ease-in-out .2s
}

.ui-alertbar.ng-hide-remove,
.ui-alertbar.ng-hide-add.ng-hide-add-active {
  opacity: 0;
  margin-top: -12px;
  display: block!important
}

.ui-alertbar.ng-hide-add,
.ui-alertbar.ng-hide-remove.ng-hide-remove-active {
  opacity: .95;
  margin-top: 0
}

.zm-img-uploader {
  font-size: 16px
}

.zm-img-uploader .note,
.zm-img-uploader .note a {
  color: #9d9e9f;
  font-size: 12px;
  margin-bottom: 15px
}

.zm-img-uploader .zm-command {
  text-align: right
}

.zm-img-uploader input.video-url {
  width: 270px;
  margin-right: 15px
}

.zm-img-uploader a.browser {
  margin: 0 10px 10px 0
}

.zm-img-uploader form {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #edeeef
}

.zm-img-uploader .tab-content {
  display: none
}

.zm-img-uploader .tab-content.selected {
  display: block
}

.zm-img-uploader .tab-content.selected.inline {
  display: inline-block
}

.zm-img-uploader .tab-nav {
  font-weight: 700
}

.zm-img-uploader .tab-nav.selected {
  color: #222;
  cursor: default;
  text-decoration: none
}

.zg-btn-blue:hover {
  text-decoration: none
}

.zm-img-uploader-tab {
  color: #999
}

@media only screen and (max-device-width:450px) {
  .zm-img-uploader .zg-form-text-input {
    width: 90%
  }
  .zm-uploader-button-fix {
    margin: 10px 0 0
  }
}

.zm-video-uploader-info {
  height: 24px;
  overflow: hidden;
  margin: 6px 0 0
}

.zm-img-uploader-error {
  color: #A02313;
  vertical-align: 3px
}

.zm-img-uploader-loading {
  color: #999;
  padding: 0 0 0 20px;
  background: url(http://z1.zhimg.com/images/spinner/516842d6.spinner2.gif) no-repeat;
  vertical-align: 3px
}

.avatar-editor-dialog {}

@media screen and (max-width:600px) {
  .avatar-editor-dialog>.modal-dialog-content {
    padding: 0
  }
  .avatar-editor-dialog>.modal-dialog-title {
    display: none
  }
}

.icrop-container {
  margin: 0 auto
}

.icrop-container .icrop-container-inner {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  cursor: move
}

.icrop-container .outer {
  position: absolute;
  top: 0;
  left: 0;
  opacity: .25;
  max-width: initial
}

.icrop-container .inner {
  position: absolute;
  max-width: initial
}

.icrop-container .icrop-window {
  overflow: hidden;
  margin: 40px
}

.icrop-container .icrop-window .icrop-window-inner {
  position: relative
}

.icrop-container .icrop-window-shadow {
  box-shadow: 0 0 15px rgba(0, 0, 0, .5) inset;
  border: 1px solid #EEE\0;
  position: absolute;
  width: inherit;
  height: inherit;
  z-index: 1
}

.icrop-container .icrop-window,
.icrop-container .icrop-window-shadow {
  border-radius: 50%
}

.icrop-container .controls {
  margin: 5px 30px 15px
}

.icrop-container .controls .icon-slider-minus {
  float: left;
  margin-top: 2px
}

.icrop-container .controls .icon-slider-plus {
  float: right
}

.icrop-container .controls .goog-slider {
  position: relative;
  height: 20px;
  outline: 0;
  margin: 0 30px
}

.icrop-container .controls .goog-slider-thumb {
  position: absolute;
  top: 2px;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  cursor: pointer;
  background: #bbb
}

.icrop-container .controls .line {
  position: absolute;
  width: 100%;
  top: 7px;
  height: 5px;
  background: #eee;
  border-radius: 2px;
  cursor: pointer
}

.icon-slider-minus,
.icon-slider-plus {
  width: 19px;
  height: 19px
}

.icon-slider-minus {
  background-position: -109px 0
}

.icon-slider-plus {
  background-position: -128px 0
}

.ui-infinite>.ui-spinner {
  margin: 50px auto
}

.ui-infinite.immediate>.ui-spinner {
  display: none
}

.hc-lang-select {
  position: absolute;
  z-index: 110;
  text-shadow: 0 1px rgba(255, 255, 255, .8)
}

.lang-select {
  position: relative;
  width: 180px;
  overflow: hidden;
  border: 1px solid #bebebe;
  border-radius: 3px;
  background: #f0f0f0;
  box-shadow: rgba(255, 255, 255, .4) 0 1px 0 inset, 0 1px 1px rgba(0, 0, 0, .1)
}

.lang-select.collapsed .lang-list,
.lang-select.collapsed .input-wrapper {
  display: none
}

.lang-select.collapsed .title-button {
  cursor: pointer
}

.lang-select .zg-icon-double-arrow {
  position: absolute;
  top: 7px;
  right: 4px;
  pointer-events: none;
  background-position: -191px -229px;
  width: 14px;
  height: 14px
}

.lang-select .title-button {
  display: block;
  margin: 0 10px;
  padding-right: 1em;
  height: 30px;
  line-height: 31px;
  outline: 0;
  cursor: default
}

.lang-select .input-wrapper {
  margin: 1px 0 8px
}

.lang-select .filter-input {
  height: 18px;
  margin: 0 auto;
  display: block;
  width: 150px;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset, 0 1px rgba(255, 255, 255, .4);
  outline: 0;
  padding: 6px;
  border: 1px solid #ddd
}

.lang-select .filter-input:focus {
  border-color: #b0c4dd
}

.lang-list {
  margin: 0;
  padding: 0;
  height: auto!important;
  max-height: 300px;
  overflow-x: auto
}

.lang-list>.lang-option {
  padding: 3px 10px;
  cursor: pointer
}

.lang-list>.lang-option.active {
  background: #fdfdfd
}

.lang-list>.lang-option.checked {
  display: none
}

.lang-list>.lang-option .icon.checked {
  display: none
}

.linkdialog-form .line {
  position: relative
}

.linkdialog-form .icon-linkdialog-url,
.linkdialog-form .icon-linkdialog-text {
  position: absolute;
  left: 12px;
  top: 50%;
  margin-top: -8px
}

.linkdialog-form .line+.line {
  margin-top: 20px
}

.linkdialog-form .text {
  width: 100%;
  padding-left: 38px
}

.icon-linkdialog-url,
.icon-linkdialog-text {
  width: 16px;
  height: 16px
}

.icon-linkdialog-url {
  background-position: -114px -257px
}

.icon-linkdialog-text {
  background-position: -139px -257px
}

.mention-popup {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  margin: 0;
  padding: 0;
  width: 182px;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
  border-bottom: 1px solid #bbb
}

.mention-popup.activated {
  border-radius: 4px
}

.mention-holder {
  color: #222
}

.mention-popup .writing-bg input {
  width: 100%;
  outline: 0;
  border: 0;
  line-height: 13px
}

.mention-popup .writing-bg {
  border: 1px solid #bbb;
  border-bottom: 0;
  padding: 4px 8px;
  border-radius: 4px 4px 0 0;
  background: #fff
}

.mention-popup .tip {
  background: #f4f4f4;
  min-width: 160px;
  padding: 2px 10px;
  border: 1px solid #bbb;
  border-bottom: 0;
  border-top: 0;
  color: #999
}

.mention-popup .name,
.mention-popup .avatar {
  vertical-align: middle
}

.mention-popup .name {
  color: #222
}

.mention-popup .avatar {
  margin-right: 8px;
  width: 25px;
  height: 25px;
  border-radius: 2px
}

.mention-popup>.ac-renderer {
  position: static;
  width: auto;
  margin: 0;
  padding: 0;
  border: 0!important;
  background: #fff;
  box-shadow: none;
  border-radius: 0 0 4px 4px
}

.mention-popup>.ac-renderer>.ac-row {
  margin: 0;
  padding: 0 10px;
  width: 160px;
  height: 38px;
  line-height: 36px;
  color: #999;
  border: solid #bbb;
  border-width: 0 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.mention-popup>.ac-renderer>.ac-row:first-child {
  border-radius: 0
}

@-webkit-keyframes dropdown {
  0% {
    margin-top: -25px;
    opacity: 0
  }
  90% {
    margin-top: 2px
  }
  100% {
    margin-top: 0;
    opacity: 1
  }
}

@-moz-keyframes dropdown {
  0% {
    margin-top: -25px;
    opacity: 0
  }
  90% {
    margin-top: 2px
  }
  100% {
    margin-top: 0;
    opacity: 1
  }
}

@-ms-keyframes dropdown {
  0% {
    margin-top: -25px;
    opacity: 0
  }
  90% {
    margin-top: 2px
  }
  100% {
    margin-top: 0;
    opacity: 1
  }
}

@keyframes dropdown {
  0% {
    margin-top: -25px;
    opacity: 0
  }
  90% {
    margin-top: 2px
  }
  100% {
    margin-top: 0;
    opacity: 1
  }
}

@-webkit-keyframes pulldown {
  0% {
    bottom: 105px;
    opacity: 0
  }
  90% {
    margin-top: 83px
  }
  100% {
    margin-top: 0;
    opacity: 1
  }
}

@-moz-keyframes pulldown {
  0% {
    bottom: 105px;
    opacity: 0
  }
  90% {
    margin-top: 83px
  }
  100% {
    margin-top: 0;
    opacity: 1
  }
}

@-ms-keyframes pulldown {
  0% {
    bottom: 105px;
    opacity: 0
  }
  90% {
    margin-top: 83px
  }
  100% {
    margin-top: 0;
    opacity: 1
  }
}

@keyframes pulldown {
  0% {
    bottom: 105px;
    opacity: 0
  }
  90% {
    margin-top: 83px
  }
  100% {
    margin-top: 0;
    opacity: 1
  }
}

.ui-menu-button {
  position: relative;
  display: inline-block;
  cursor: pointer
}

.ui-menu-button>menu {
  position: absolute;
  top: 100%;
  left: 50%;
  border: 1px solid #d2d3d4;
  border-radius: 4px;
  background-color: #fff;
  z-index: 30;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
  visibility: hidden;
  opacity: 0;
  outline: 0
}

.ui-menu-button>menu:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  width: 0;
  height: 0;
  margin: 0 0 0 -8px;
  font-size: 0;
  border-bottom: 9px solid rgba(0, 0, 0, .25);
  border-left: 9px solid transparent;
  border-right: 9px solid transparent
}

.ui-menu-button>menu:after {
  content: "";
  position: absolute;
  top: -9px;
  left: 50%;
  width: 0;
  height: 0;
  margin: 0 0 0 -8px;
  font-size: 0;
  border-bottom: 9px solid #FFF;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent
}

.ui-menu-button .menu-item {
  cursor: pointer;
  padding: 0 20px;
  display: block;
  white-space: nowrap;
  line-height: 42px;
  color: #9d9e9f;
  border: 0;
  background: 0 0;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  outline: 0
}

html.no-touch .ui-menu-button .menu-item:hover {
  text-decoration: none;
  background: #f7f8f9
}

.ui-menu-button .menu-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

html.no-touch .ui-menu-button .menu-item:first-child:hover:after {
  content: "";
  position: absolute;
  top: -9px;
  left: 50%;
  width: 0;
  height: 0;
  margin: 0 0 0 -8px;
  font-size: 0;
  border-bottom: 9px solid #F7F8F9;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  z-index: 1
}

.ui-menu-button .menu-item:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px
}

.ui-menu-button .menu-item+.menu-item {
  border-top: 1px solid #f1f2f3
}

.ui-menu-button.reversed>menu {
  top: auto;
  left: auto;
  right: 0;
  bottom: 55px
}

.ui-menu-button.reversed>menu:before {
  top: auto;
  bottom: -10px;
  border-top: 9px solid rgba(0, 0, 0, .25);
  border-bottom: 0
}

.ui-menu-button.reversed>menu:after {
  top: auto;
  bottom: -9px;
  border-top: 9px solid #FFF;
  border-bottom: 0
}

.ui-menu-button.reversed>menu .menu-item:first-child:after {
  top: auto;
  bottom: -9px;
  border-top: 9px solid #F7F8F9;
  border-bottom: 0
}

.ui-menu-button.reversed.open>menu {
  -webkit-animation: pulldown;
  animation: pulldown
}

.ui-menu-button.open>menu {
  -webkit-animation: dropdown .2s;
  animation: dropdown .2s;
  visibility: visible;
  opacity: 1
}

.ui-menu-button.close>menu {
  visibility: hidden;
  opacity: 0
}

.modal-dialog {
  position: fixed;
  width: 420px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
  z-index: 22
}

@media screen and (max-width:420px) {
  .modal-dialog {
    width: 100%
  }
}

.modal-dialog.with-button>.modal-dialog-buttons {
  display: block
}

.modal-dialog-bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  background-color: #000;
  background-color: rgba(0, 0, 0, .3)
}

.modal-dialog-title-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 54px;
  height: 54px;
  opacity: .65;
  cursor: pointer;
  -webkit-transition: all .05s ease-in-out;
  transition: all .05s ease-in-out
}

.modal-dialog-title-close:hover {
  opacity: 1
}

.modal-dialog-title {
  position: relative;
  padding: 0 20px;
  height: 54px;
  cursor: move;
  border-bottom: 1px solid #edeeef;
  color: #9d9e9f
}

.modal-dialog-title-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 54px
}

.modal-dialog-content {
  padding: 15px 20px
}

.modal-dialog-buttons {
  padding: 0 20px;
  margin-bottom: 18px;
  text-align: right;
  background: #fff
}

.modal-dialog-buttons>button[name=cancel] {
  color: #9d9e9f
}

.modal-dialog-buttons>button[name]+button {
  margin-left: 1em
}

.modal-dialog-buttons:empty {
  display: none
}

.ui-popover {
  position: absolute
}

.ui-popover.overlay {
  pointer-events: none
}

.ui-progress-wrapper {
  height: 90px;
  background: #F7F8F9;
  width: 100%;
  position: relative
}

.ui-progress {
  position: relative;
  width: 200px;
  height: 10px;
  border: 3px solid #ccc;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.ui-progress.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -100px
}

.ui-progress>.bar {
  transition: width ease-in .2s;
  background: #ccc;
  width: 0;
  height: 4px
}

.hc-actionbar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .75);
  border-radius: 4px;
  position: absolute;
  z-index: 110
}

.hc-actionbar:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin: 0 0 0 -7px;
  font-size: 0;
  border-bottom: 6px solid rgba(0, 0, 0, .75);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent
}

.hc-actionbar>.button {
  float: left;
  cursor: pointer;
  height: 42px;
  width: 42px;
  position: relative
}

.hc-actionbar>.button .icon {
  width: 17px;
  height: 17px;
  vertical-align: -10px;
  margin-left: 13px
}

.hc-actionbar>.button+.button {
  width: 43px
}

.hc-actionbar>.button+.button:before {
  content: "";
  width: 1px;
  height: 42px;
  font-size: 0;
  display: block;
  position: absolute;
  background: #FFF;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, .12);
  background-color: rgba(255, 255, 255, .045);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .12)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .12));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .12));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .12));
  background-repeat: repeat-x
}

.hc-actionbar>.button.first {
  border-radius: 4px 0 0 4px
}

.hc-actionbar>.button.last {
  border-right: 0;
  border-radius: 0 4px 4px 0
}

@-webkit-keyframes spriteSpin {
  from {
    background-position: 0 0
  }
  to {
    background-position: -600px 0
  }
}

@-moz-keyframes spriteSpin {
  from {
    background-position: 0 0
  }
  to {
    background-position: -600px 0
  }
}

@-ms-keyframes spriteSpin {
  from {
    background-position: 0 0
  }
  to {
    background-position: -600px 0
  }
}

@keyframes spriteSpin {
  from {
    background-position: 0 0
  }
  to {
    background-position: -600px 0
  }
}

.ui-spinner {
  display: block;
  margin: 0 auto;
  width: 50px;
  height: 50px
}

.ui-spinner.use-css {
  background-image: url(http://z1.zhimg.com/images/spinner/22cba38e.spinner-circle-fade.png);
  -webkit-animation: spriteSpin .6s steps(12) infinite;
  animation: spriteSpin .6s steps(12) infinite
}

.ui-spinner.use-gif {
  background-image: url(http://z1.zhimg.com/images/spinner/1918b3a9.spinner-circle-fade.gif)
}

.ui-spinner.small {
  margin: 0;
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.6, M12=0, M21=0, M22=0.6, SizingMethod='auto expand')";
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top
}

.ui-spinner.half {
  margin: 0;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.5, M12=0, M21=0, M22=0.5, SizingMethod='auto expand')";
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top
}

.ui-suggest {
  position: absolute;
  z-index: 100;
  width: 100%;
  margin-top: 15px;
  border: 1px solid #d2d3d4;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.ui-suggest:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  width: 0;
  height: 0;
  margin: 0 0 0 -8px;
  font-size: 0;
  border-bottom: 9px solid rgba(0, 0, 0, .25);
  border-left: 9px solid transparent;
  border-right: 9px solid transparent
}

.ui-suggest:after {
  content: "";
  position: absolute;
  top: -9px;
  left: 50%;
  width: 0;
  height: 0;
  margin: 0 0 0 -8px;
  font-size: 0;
  border-bottom: 9px solid #FFF;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent
}

.ui-suggest>.row {
  cursor: pointer;
  padding: 0 12px;
  line-height: 44px;
  white-space: nowrap
}

.ui-suggest>.row:first-child:hover:after,
.ui-suggest>.row:first-child.active:after {
  content: "";
  position: absolute;
  top: -9px;
  left: 50%;
  width: 0;
  height: 0;
  margin: 0 0 0 -8px;
  font-size: 0;
  border-bottom: 9px solid #F7F8F9;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  z-index: 1
}

.ui-suggest>.row .avatar {
  width: 25px;
  height: 25px;
  vertical-align: -7px;
  margin-right: 8px;
  border-radius: 13px
}

.ui-suggest>.row .name {
  font-size: 15px
}

.ui-suggest>.row+.row {
  border-top: 1px solid #f1f2f3
}

.ui-suggest>.row:first-child {
  border-radius: 4px 4px 0 0
}

.ui-suggest>.row:last-child {
  border-radius: 0 0 4px 4px
}

.ui-suggest>.row.active,
.ui-suggest>.row:hover {
  background-color: #f7f8f9
}

.tabs-nav {
  border-bottom: 1px solid #DDDEDF;
  margin-bottom: 40px;
  height: 48px
}

.tabs-nav .tabs-anchor {
  margin-bottom: -1px;
  float: left;
  padding: 10px 20px;
  color: #9d9e9f;
  -webkit-transition: all .05s ease-in-out;
  transition: all .05s ease-in-out;
  border: 1px solid #fff;
  border-bottom: 0
}

.tabs-nav .tabs-anchor.active {
  color: #666768;
  border: 1px solid #DDDEDF;
  border-bottom: 1px solid #fff;
  border-radius: 4px 4px 0 0
}

.tabs-nav .tabs-anchor:hover {
  text-decoration: none;
  color: #666768
}

.tags li {
  position: relative;
  display: inline-block;
  list-style: none;
  margin-right: 15px
}

.tags .inner-wrapper {
  position: relative;
  display: inline-block;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.tags .tag-link {
  padding: 0 28px 0 8px;
  color: #9d9e9f;
  border-radius: 4px;
  font-size: 15px;
  line-height: 31px;
  -webkit-transition: all .05s ease-in-out;
  transition: all .05s ease-in-out;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid #d6d7d8;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
  display: inline-block;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.tags .tag-link:hover {
  text-decoration: none;
  background: #f6f6f6
}

.tags .tag-link:active {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  background-color: #fbfbfb
}

.tags .remove-tag {
  cursor: pointer;
  position: absolute;
  width: 18px;
  height: 18px;
  right: 7px;
  top: 7px
}

.tags .remove-tag .icon {
  position: absolute;
  top: 0;
  left: 0
}

.goog-toolbar {
  cursor: default;
  outline: 0;
  position: relative;
  zoom: 1;
  border: 1px solid #f1f2f3;
  border-top: 0
}

.goog-toolbar-separator {
  background-color: #f8f9fa;
  width: 1px;
  margin: 0 8px;
  height: 36px;
  vertical-align: 3px
}

.goog-inline-block {
  display: inline-block;
  position: relative;
  *display: block;
  *display: inline!important;
  *zoom: 1
}

.goog-toolbar-button,
.goog-toolbar-menu-button {
  padding: 0;
  border: 0;
  font-family: Arial, sans-serif;
  color: #222;
  text-decoration: none;
  list-style: none;
  vertical-align: middle;
  cursor: default;
  outline: 0
}

.goog-toolbar-button-outer-box,
.goog-toolbar-button-inner-box,
.goog-toolbar-menu-button-outer-box,
.goog-toolbar-menu-button-inner-box {
  border: 0;
  vertical-align: top
}

.goog-toolbar-button-outer-box,
.goog-toolbar-menu-button-outer-box {
  margin: 0;
  padding: 1px 0
}

.goog-toolbar-button-inner-box,
.goog-toolbar-menu-button-inner-box {
  margin: 0 -1px;
  padding: 3px 4px
}

.goog-toolbar-button-hover .goog-toolbar-button-outer-box,
.goog-toolbar-button-active .goog-toolbar-button-outer-box,
.goog-toolbar-button-checked .goog-toolbar-button-outer-box,
.goog-toolbar-button-selected .goog-toolbar-button-outer-box,
.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-outer-box,
.goog-toolbar-menu-button-active .goog-toolbar-menu-button-outer-box,
.goog-toolbar-menu-button-open .goog-toolbar-menu-button-outer-box,
.goog-toolbar-select .goog-toolbar-menu-button-outer-box {
  padding: 0
}

.goog-toolbar-button-hover .goog-toolbar-button-inner-box,
.goog-toolbar-button-active .goog-toolbar-button-inner-box,
.goog-toolbar-button-checked .goog-toolbar-button-inner-box,
.goog-toolbar-button-selected .goog-toolbar-button-inner-box,
.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box,
.goog-toolbar-menu-button-active .goog-toolbar-menu-button-inner-box,
.goog-toolbar-menu-button-open .goog-toolbar-menu-button-inner-box,
.goog-toolbar-select .goog-toolbar-menu-button-inner-box {
  padding: 10px
}

.goog-toolbar-button-hover .goog-toolbar-button-outer-box,
.goog-toolbar-button-hover .goog-toolbar-button-inner-box,
.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-outer-box,
.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box {
  border-color: #d1d2d3!important
}

.goog-toolbar-button-checked .goog-toolbar-button-outer-box,
.goog-toolbar-button-hover .goog-toolbar-button-outer-box {
  margin: 0;
  padding: 0;
  border: 0 none;
  border-width: 0
}

.goog-toolbar-button-outer-box,
.goog-toolbar-menu-button-outer-box {
  margin: 0;
  padding: 0;
  border: 0 none
}

.goog-toolbar-button-inner-box,
.goog-toolbar-menu-button-inner-box {
  margin: 0;
  padding: 10px;
  cursor: pointer
}

.goog-toolbar-button-hover .goog-toolbar-button-inner-box,
.goog-toolbar-button-active .goog-toolbar-button-inner-box,
.goog-toolbar-button-checked .goog-toolbar-button-inner-box,
.goog-toolbar-button-selected .goog-toolbar-button-inner-box,
.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box,
.goog-toolbar-menu-button-active .goog-toolbar-menu-button-inner-box,
.goog-toolbar-menu-button-open .goog-toolbar-menu-button-inner-box,
.goog-toolbar-select .goog-toolbar-menu-button-inner-box {
  background-color: #f6f6f6
}

.goog-toolbar-button.goog-toolbar-button-checked .goog-inline-block.goog-toolbar-button-inner-box {
  background-color: #f6f7f8
}

.goog-toolbar-button-active .goog-toolbar-button-inner-box {
  background-color: #ebeced;
  box-shadow: 0 0 3px rgba(0, 0, 0, .1) inset
}

.tr-icon {
  width: 16px;
  height: 16px;
  display: block
}

.tr-bold {
  background-position: 0 -379px
}

.tr-italic {
  background-position: -16px -379px
}

.tr-underline {
  background-position: -32px -379px
}

.tr-header {
  background-position: -48px -379px
}

.tr-blockquote {
  background-position: -96px -379px
}

.tr-code {
  background-position: -112px -379px
}

.tr-insertOrderedList {
  background-position: -128px -379px
}

.tr-insertUnorderedList {
  background-position: -144px -379px
}

.tr-image {
  background-position: -64px -379px
}

.tr-video {
  background-position: -80px -379px
}

.tr-removeFormat {
  background-position: -160px -379px
}

.tr-link {
  background-position: -176px -379px
}

.tr-equation {
  background-position: -192px -379px
}

.zm-editable-toolbar-container {
  position: relative
}

.tr-spinner {
  position: absolute;
  top: 12px;
  right: 40px;
  opacity: .85;
  overflow: hidden
}

#zu-distraction-free-editor .tr-max {
  background-position: -208px -127px
}

#toggleFullScreen {
  float: right;
  margin: 0
}

.goog-toolbar-button.goog-toolbar-button-hover .tr-icon,
.goog-toolbar-button.goog-toolbar-button-active .tr-icon,
.goog-toolbar-button.goog-toolbar-button-checked .tr-icon {
  opacity: 1
}

.tr-icon {
  opacity: .5;
  filter: alpha(opacity=50);
  -webkit-transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out
}

.goog-toolbar-button-active .tr-icon {
  background-color: #ebeced!important
}

.goog-toolbar-button-checked .tr-icon {
  background-color: #f6f7f8!important
}

.goog-toolbar-button-disabled .tr-icon {
  opacity: .3;
  filter: alpha(opacity=30)
}

.video-box {
  position: relative;
  margin: 12px 0;
  width: 100%;
  min-height: 139px;
  border: solid 1px #ddd;
  cursor: pointer
}

.video-box .video-box-inner {
  padding: 20px;
  overflow: hidden
}

.video-box .video-thumb {
  position: relative;
  float: left
}

.video-box .video-thumb,
.video-box .video-thumbnail,
.video-box .video-play-icon {
  margin: 0;
  width: 132px;
  height: 99px;
  border: 0
}

.video-box .video-title {
  font-weight: 400;
  color: #555
}

.video-box .video-play-icon {
  position: absolute;
  top: 0;
  left: 0;
  background: url(http://z1.zhimg.com/images/big/ee82a497.play-icon.png) no-repeat center;
  opacity: .8
}

html.no-touch .video-box:hover .video-play-icon {
  opacity: .99
}

.video-box .video-url {
  margin: .5em 0 0;
  color: #999;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.video-box .video-box-body {
  margin-left: 152px;
  overflow: hidden
}

.video-player-box .video {
  margin: 6px 0;
  display: block;
  width: 100%;
  height: 377.5px;
  zoom: 1
}

.video-player-box .video-player-foot {
  line-height: 2em
}

.video-player-box .video-player-close {
  display: inline-block;
  color: #666768
}

.video-player-box .icon-fold {
  margin-right: 10px;
  width: 8px;
  height: 9px;
  background-position: -135px -22px;
  vertical-align: 2px
}

img[eeimg] {
  max-width: 100%;
  vertical-align: middle
}

img[eeimg="1"] {
  display: inline-block!important;
  margin: 0 3px!important
}

img[eeimg="2"] {
  margin: 10px auto!important;
  display: block!important
}

.ee-modal-dialog {
  width: 475px
}

.ee-displaymath {
  text-align: center
}

.ee-content {
  background: #fff;
  border: 1px solid #369;
  overflow: auto;
  padding: 4px 8px
}

.ee-menu-palette,
.ee-tex {
  border: 1px solid #ccc
}

.ee-menu-palette {
  background-color: #f2f2f2;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#efefef));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #efefef);
  background-image: -moz-linear-gradient(top, #f5f5f5, #efefef);
  background-image: linear-gradient(top, #f5f5f5, #efefef);
  background-repeat: repeat-x;
  padding: 4px
}

.ee-tex {
  padding: 8px;
  box-sizing: border-box;
  width: 100%!important;
  display: block;
  height: 4.5em;
  border-top: 0
}

.ee-section-title {
  margin: 10px 0;
  font-weight: 700
}

.ee-section-title:first-child {
  margin-top: 0
}

.ee-section-title-floating {
  float: left
}

#ee-section-learn-more {
  float: right
}

.ee-preview-container {
  border: 1px dashed #ccc;
  height: 80px;
  margin: 10px 0;
  padding: 8px;
  overflow: auto
}

.ee-warning {
  color: red
}

.ee-palette {
  border: 1px solid #aaa;
  left: 0;
  outline: 0;
  position: absolute
}

.ee-palette-table {
  border: 0;
  border-collapse: separate
}

.ee-palette-cell {
  background: #fff;
  border: 1px solid #FFF;
  margin: 0;
  padding: 1px
}

.ee-palette-cell-hover {
  background: #e2ecf9!important;
  border: 1px solid #8db5e8;
  padding: 1px
}

.ee-palette-cell-selected {
  background: #f0f0f0;
  border: 1px solid #ccc!important;
  padding: 1px
}

.ee-menu-palette-table {
  margin-right: 10px
}

.ee-menu-palette {
  outline: 0;
  padding-top: 2px;
  background-image: -webkit-linear-gradient(top, #F5F5F5, #EFEFEF)
}

.ee-menu-palette-cell {
  background: #f0f0f0 none repeat scroll 0 0;
  border-color: #ddd;
  border-style: solid;
  border-width: 0;
  padding-right: 4px
}

.ee-menu-palette-cell-hover,
.ee-menu-palette-cell-selected {
  border-color: #d1d1d1!important;
  background: #f0f0f0
}

.ee-menu-palette-cell-hover .ee-menu-palette-item {
  border: 1px solid #ccc
}

.ee-palette-item,
.ee-menu-palette-item {
  border-radius: 2px;
  padding: 2px 0 0;
  margin: 2px 0 0;
  border: 1px solid transparent;
  background-image: url(http://z1.zhimg.com/images/e455fcc4.ee-palettes.png)
}

div.tr_bubble {
  position: absolute;
  background-color: #f0f0f0;
  border: 1px solid #b0b0b0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  border-radius: 4px;
  font-size: 83%;
  font-family: Arial, Helvetica, sans-serif;
  white-space: nowrap;
  overflow: hidden
}

.tr_bubble_link {
  vertical-align: middle;
  display: inline-block;
  height: 16px;
  padding: 6px;
  color: #00c;
  text-decoration: underline;
  cursor: pointer;
  font-size: 100%;
  border-right: 1px solid #b0b0b0
}

.tr_bubble_link:hover {
  background: #f8f8f8
}

.tr_bubble_link:active {
  background: #e3e3e3;
  box-shadow: 0 0 3px rgba(0, 0, 0, .1) inset
}

.tr_bubble_link:first-child {
  border-radius: 4px 0 0 4px
}

.tr_bubble_link:last-child {
  border-right: 0;
  border-radius: 0 4px 4px 0
}

.tr_bubble_link .zg-icon {
  text-indent: -9999px;
  vertical-align: 0
}

.tr_bubble_panel_content {
  overflow: hidden
}

.tr_bubble .tr_option-link,
.tr_bubble #tr_delete-image,
.tr_bubble #tr_module-options-link {
  font-size: 83%
}

.tr_bubble_closebox {
  display: none
}

div.tr_bubble_panel_title {
  display: none
}

div.tr_multi_bubble div.tr_bubble_panel_title {
  margin-right: 1px;
  display: block;
  float: left;
  width: 50px
}

div.tr_multi_bubble div.tr_bubble_panel {
  padding: 2px 0 1px;
  margin-right: 50px
}

.fx-fade.ng-hide-remove,
.fx-fade.ng-hide-add {
  -webkit-transition: opacity ease-in-out .2s;
  -moz-transition: opacity ease-in-out .2s;
  -o-transition: opacity ease-in-out .2s;
  transition: opacity ease-in-out .2s
}

.fx-fade.ng-hide-remove,
.fx-fade.ng-hide-add.ng-hide-add-active {
  opacity: 0;
  display: block!important
}

.fx-fade.ng-hide-add,
.fx-fade.ng-hide-remove.ng-hide-remove-active {
  opacity: 1
}

.activate-dialog .actions {
  font-size: .9em
}

.activate-dialog .center {
  margin: 1.5em 0;
  text-align: center
}

.activate-dialog hr {
  border-width: 0;
  border-top: 1px solid #DDDEDF
}

.activate-dialog .mute {
  color: #666768
}

.navbar {
  position: relative;
  height: 54px;
  line-height: 54px;
  text-shadow: 0 1px 0 #FFF;
  border-bottom: 1px solid #DEDDDF;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .04), inset 0 1px 0 #FFF;
  background-color: #fafbfc;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfdfe), to(#f8f9fa));
  background-image: -webkit-linear-gradient(top, #fcfdfe, #f8f9fa);
  background-image: -moz-linear-gradient(top, #fcfdfe, #f8f9fa);
  background-image: linear-gradient(top, #fcfdfe, #f8f9fa);
  background-repeat: repeat-x
}

.navbar.expanded {
  height: 120px
}

.navbar-logo-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 80px;
  height: 54px
}

@media screen and (max-width:600px) {
  .navbar-logo-container {
    display: none
  }
}

.navbar-logo-container .logo {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: .6;
  -webkit-transition: all .05s ease-in-out;
  -moz-transition: all .05s ease-in-out;
  -o-transition: all .05s ease-in-out;
  transition: all .05s ease-in-out
}

.navbar-logo-container .logo:hover {
  opacity: 1
}

.navbar-login {
  float: right;
  padding: 0 17px;
  margin-right: -17px;
  color: #666768;
  -webkit-transition: all .05s ease-in-out;
  -moz-transition: all .05s ease-in-out;
  -o-transition: all .05s ease-in-out;
  transition: all .05s ease-in-out
}

@media screen and (max-width:600px) {
  .navbar-login {
    margin-right: 0
  }
}

@media screen and (max-width:420px) {
  .navbar-login {
    width: 54px;
    height: 54px;
    padding: 0;
    text-indent: -9999px;
    position: relative
  }
  .navbar-login .icon-navbar-login {
    position: absolute;
    top: 18px;
    left: 17px;
    width: 19px
  }
}

.navbar-login:hover {
  text-decoration: none;
  background-color: #edeeef
}

.navbar-login .icon-navbar-login {
  width: 19px;
  height: 21px;
  margin-right: 8px;
  vertical-align: -5px
}

.navbar-write-container,
.navbar-drafts-container {
  position: relative;
  float: right;
  width: 54px;
  height: 54px
}

@media screen and (max-width:420px) {
  .navbar-write-container,
  .navbar-drafts-container {
    display: none
  }
}

.navbar-write-container>a,
.navbar-drafts-container>a {
  position: absolute;
  width: 54px;
  height: 54px;
  top: 0;
  left: 0
}

.navbar-write-container>a:hover,
.navbar-drafts-container>a:hover {
  background-color: #edeeef
}

.navbar-write-container .icon,
.navbar-drafts-container .icon {
  width: 54px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.navbar-menu-container {
  position: relative;
  float: right;
  width: 54px;
  height: 54px;
  margin-right: -15px
}

@media screen and (max-width:600px) {
  .navbar-menu-container {
    margin-right: 0
  }
}

.navbar-menu-container .icon-navbar-menu {
  width: 54px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.navbar-menu-container .avatar {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  vertical-align: -4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2), 0 1px 0 rgba(255, 255, 255, .6);
  margin: 0 12px 0 -2px
}

.navbar-menu-container .menu-button {
  display: block
}

.navbar-menu-container.open .menu-button {
  background-color: #edeeef
}

.navbar-menu {
  left: auto!important;
  right: 50%;
  margin-right: -27px
}

@media screen and (max-width:600px) {
  .navbar-menu {
    left: -84px
  }
}

.navbar-menu:before,
.navbar-menu:after,
.navbar-menu .menu-item:first-child:after {
  margin: 0 18px 0 0!important;
  left: auto!important;
  right: 0
}

.navbar-menu .menu-item {
  line-height: 54px;
  min-width: 94px;
  max-width: 126px
}

.navbar-menu .menu-item .icon {
  width: 18px;
  height: 18px;
  margin-right: 12px;
  vertical-align: -3px
}

.breadcrumb {
  margin-left: -17px
}

.breadcrumb .column-name .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  float: left;
  max-width: 260px
}

@media screen and (max-width:600px) {
  .breadcrumb {
    margin-left: 0
  }
  .breadcrumb .column-name .name {
    max-width: 145px
  }
}

@media screen and (max-width:420px) {
  .breadcrumb .breadcrumb-devider+.breadcrumb-item {
    display: none
  }
}

.breadcrumb li {
  float: left;
  padding: 0;
  height: 54px;
  line-height: 54px;
  list-style: none
}

.breadcrumb .breadcrumb-item>.link,
.breadcrumb .breadcrumb-item>.name {
  padding: 0 17px;
  -webkit-transition: all .05s ease-in-out;
  -moz-transition: all .05s ease-in-out;
  -o-transition: all .05s ease-in-out;
  transition: all .05s ease-in-out
}

.column-view .breadcrumb .breadcrumb-item>.link {
  cursor: default
}

.breadcrumb .breadcrumb-item>.link:hover {
  background-color: #edeeef
}

.column-view .breadcrumb .breadcrumb-item>.link:hover {
  background-color: transparent
}

.breadcrumb .breadcrumb-item img {
  margin-right: 10px
}

.breadcrumb .breadcrumb-devider {
  border-right: 1px solid #e9f1f2
}

.breadcrumb .link {
  display: block
}

.breadcrumb .link:hover {
  text-decoration: none
}

.breadcrumb .name {
  color: #666768
}

.breadcrumb .btn.normal {
  margin-left: 12px;
  margin-top: 12px;
  float: right
}

.column-info .name {
  font-size: 16px;
  line-height: 54px;
  font-weight: 400;
  display: inline-block
}

.column-info .name a {
  color: #666
}

.column-info .avatar {
  float: left;
  margin-top: 35px;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, .2), 0 1px 0 #fff
}

.column-info .body {
  float: left;
  margin-left: 18px;
  margin-top: 18px
}

.column-info .name {
  color: #666
}

.column-info .desc {
  color: #9d9e9f;
  margin-top: 2px;
  width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.column-info .meta {
  color: #9d9e9f;
  font-size: 14px;
  margin-top: 4px
}

.column-info .follow-section {
  position: absolute;
  right: 0;
  margin-top: 12px
}

.column-info .follow-count {
  color: #9d9e9f;
  font-size: 14px
}

.column-info .follow {
  margin-left: 10px
}

.column-info.collapsed .name {
  padding: 0 20px;
  line-height: 54px
}

.column-info.collapsed .name a {
  display: block
}

.column-info.collapsed .name:hover {
  background: #fff
}

.column-info.collapsed .name:hover a {
  text-decoration: none
}

.column-info.expanded .name {
  line-height: 1
}

.column-info.expanded .follow-section {
  margin-top: 46px
}

.sidebar {
  width: 170px;
  position: absolute;
  top: 0;
  right: -230px
}

@media screen and (max-width:1060px) {
  .sidebar {
    width: auto;
    position: relative;
    right: 0;
    margin-top: 35px;
    padding-top: 30px;
    border-top: 1px solid #edeeef
  }
}

@media screen and (max-width:600px) {
  .sidebar .block {
    padding-left: 17px;
    padding-right: 17px
  }
}

.sidebar .block+.block {
  border-top: 1px solid #f1f2f3;
  margin-top: 20px;
  padding-top: 20px
}

.column-about .avatar-link {
  width: 100px;
  height: 100px;
  margin-bottom: 25px;
  display: inline-block
}

.column-about .title {
  font-size: 18px;
  margin-bottom: 5px;
  color: #414243;
  display: block
}

.column-about .followers,
.column-about .followers a {
  color: #9d9e9f
}

.column-about .followers {
  margin-bottom: 5px;
  font-size: 15px
}

.column-about .btn-white {
  margin: 10px 0 18px;
  line-height: 36px
}

.column-about .btn-white .icon {
  vertical-align: -2px;
  margin-right: 6px
}

.column-about .description {
  font-size: 15px;
  white-space: pre-wrap
}

.column-about .description>a {
  word-break: break-all
}

.author-block .avatar {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  margin-bottom: 20px
}

.author-block .link {
  color: #414243
}

.author-block .name {
  display: block;
  white-space: nowrap;
  font-size: 18px
}

.author-block .bio,
.author-block .desc {
  font-size: 15px
}

.author-block .bio {
  margin-top: 5px
}

.author-block .desc {
  color: #9d9e9f;
  margin-top: 5px;
  white-space: pre-wrap
}

.author-block .devider {
  margin: 10px 0;
  border-bottom: 1px dotted #edeeef
}

.rel-topics {
  margin-top: 22px;
  padding: 25px 0 3px
}

.rel-topics .topic {
  list-style: none;
  display: block
}

.rel-topics .topic .topic-inner-wrapper {
  position: relative;
  display: inline-block;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.rel-topics .topic+li {
  margin-top: 15px
}

.rel-topics .topic.canedit .topic-link {
  padding-right: 28px
}

.rel-topics .topic .remove-topic {
  cursor: pointer;
  position: absolute;
  width: 18px;
  height: 18px;
  right: 7px;
  top: 7px
}

.rel-topics .topic .remove-topic .icon {
  position: absolute;
  top: 0;
  left: 0
}

@media screen and (max-width:600px) {
  .rel-topics .topic {
    float: left;
    margin-top: 15px;
    margin-right: 20px
  }
}

.rel-topics .topic-link {
  padding: 0 8px;
  color: #9d9e9f;
  border-radius: 4px;
  font-size: 15px;
  line-height: 31px;
  -webkit-transition: all .05s ease-in-out;
  -moz-transition: all .05s ease-in-out;
  -o-transition: all .05s ease-in-out;
  transition: all .05s ease-in-out;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid #d6d7d8;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
  display: inline-block;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.rel-topics .topic-link:hover {
  text-decoration: none;
  background: #f6f6f6
}

.rel-topics .topic-link:active {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  background-color: #fbfbfb
}

.rel-topics>ul+.add-topic {
  margin-top: 15px
}

.add-topic {
  display: inline-block;
  position: relative
}

.add-topic input {
  padding: 5px 8px 5px 29px;
  font-size: 15px;
  border: 1px solid #DDDEDF;
  border-radius: 4px;
  line-height: 19px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0
}

.add-topic input:focus {
  border: 1px solid #d6d7d8;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05)
}

.add-topic .icon-magnify {
  position: absolute;
  left: 11px;
  top: 9px
}

.add-topic .ui-suggest {
  margin-top: 15px
}

.login-dialog>.modal-dialog-content {
  padding: 0
}

.login-dialog .signup {
  text-align: center;
  padding: 10px 0 20px;
  color: #666768;
  text-shadow: none;
  box-shadow: none;
  border-width: 1px 0;
  display: block;
  -webkit-transition: all .05s ease-in-out;
  text-shadow: 0 1px 0 #fff;
  text-decoration: underline
}

.login-form-wrapper {
  margin: 25px 0 10px;
  text-align: center
}

.login-form-wrapper .login-button {
  display: inline-block;
  margin: 0 auto;
  width: 156px;
  text-align: center
}

.login-form-wrapper .login-button .icon-weibo {
  vertical-align: -2px
}

.login-form-wrapper .login-button .icon-mail {
  vertical-align: -4px
}

.login-form-wrapper .login-button:hover {
  text-decoration: none
}

.login-form-wrapper .login-button+.login-button {
  margin-left: 20px
}

@media screen and (max-width:420px) {
  .login-form-wrapper .login-button+.login-button {
    margin: 20px auto 0;
    display: block
  }
}

.comment-box .box-header {
  border-top: 1px solid #f1f2f3;
  font-size: 15px;
  color: #9d9e9f;
  padding: 30px 0 10px;
  position: relative
}

.comment-box .box-header .icon {
  margin-right: 8px;
  vertical-align: -3px
}

.comment-box .box-header a.comment-options {
  margin-left: 10px
}

@media screen and (max-width:600px) {
  .comment-box .box-header {
    padding-left: 17px;
    padding-right: 17px
  }
}

.comment-box .load-more {
  height: 26px;
  margin-top: 15px;
  padding-top: 24px;
  text-align: center;
  font-size: 15px;
  border-top: solid 1px #f1f2f3
}

.comment-box .load-more a {
  color: #9d9e9f
}

.comment-box .ui-spinner {
  margin: 0 auto
}

.comment-box .ui-spinner.small {
  position: relative;
  left: 10px
}

.comment-box.empty.cannot-comment {
  border: 1px solid #ddd
}

.comment-box.cannot-comment .editable,
.comment-box.cannot-comment .editable,
.comment-box.comment-box.cannot-comment .command,
.comment-box.comment-box.cannot-comment .op-link.reply {
  display: none!important
}

.comment-box.empty.cannot-comment .comment-form {
  margin: 0
}

.comment-box.empty.cannot-comment .comment-box-ft {
  background: #fff
}

.comment-box.empty.cannot-comment .comment-box-ft,
.comment-box .comment-box-ft {
  position: relative;
  margin-top: 24px
}

.comment-box .avatar {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  float: left
}

.comment-box .message {
  margin-top: 24px;
  padding: 10px;
  border-radius: 4px;
  text-align: center;
  background: #F7F8F9;
  color: #9d9e9f
}

.comment-item {
  position: relative;
  list-style: none;
  outline: 0;
  padding-top: 15px
}

.comment-item+.comment-item {
  margin-top: 15px;
  border-top: solid 1px #f1f2f3
}

@media screen and (max-width:600px) {
  .comment-item {
    padding-left: 17px;
    padding-right: 17px
  }
}

.comment-item>.avatar-link {
  float: left;
  margin: 4px 0 0
}

.comment-item>.comment-body {
  margin: 0 0 0 60px
}

.comment-item .comment-content {
  min-height: 22px;
  font-size: 15px;
  word-wrap: break-word
}

.comment-item .comment-hd,
.comment-item .comment-ft {
  color: #9d9e9f
}

.comment-item .comment-hd .desc,
.comment-item .comment-ft .desc {
  font-size: 15px
}

.comment-item .comment-ft {
  font-size: 15px
}

.comment-item .op-link {
  color: #9d9e9f;
  font-size: 15px;
  margin-left: 12px
}

html.no-touch .comment-item .op-link {
  visibility: hidden
}

.comment-item .op-link .icon {
  margin-right: 6px;
  vertical-align: -2px;
  width: 15px;
  height: 15px
}

@media screen and (max-width:420px) {
  .comment-item .op-link .icon {
    display: none
  }
}

.comment-item .like-num {
  float: right
}

.comment-item .like-num.nil {
  display: none
}

.comment-item.focusin a.op-link,
html.no-touch .comment-item:hover .op-link {
  visibility: visible
}

.comment-form {}

.comment-form.comment-reply-form {
  padding: 20px 0
}

.comment-form>.editable {
  padding: 6px 12px;
  font-size: 16px;
  min-height: 18px;
  line-height: 26px;
  white-space: pre-wrap;
  color: #222;
  cursor: text;
  border: 1px solid #DDD;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05) inset
}

.comment-form>.editable:focus {
  border: 1px solid #ccc
}

.comment-form>.command {
  display: none;
  margin-top: 20px;
  padding-bottom: 0;
  text-align: right
}

.comment-form>.command .save {
  float: right
}

.comment-form>.command .cancel {
  color: #9d9e9f;
  vertical-align: -7px;
  margin-right: 10px
}

.comment-form.expanded .command {
  display: block
}

.comment-form>.avatar+.editable {
  margin-left: 60px
}

@media screen and (max-width:600px) {
  .comment-form {
    padding-left: 17px;
    padding-right: 17px
  }
}

.report-form .options>li {
  list-style: none;
  display: block;
  line-height: 2;
  color: #666768
}

.report-form .options input {
  margin-right: 10px;
  vertical-align: 1px
}

.report-form .reason-text {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 18px
}

.report-form .error-container {
  margin: 5px 0 0;
  color: #fa8282
}

.report-form .input-container {
  position: relative
}

.report-form .footnote {
  position: absolute;
  bottom: 22px;
  color: #9d9e9f
}

.modal-dialog.columns-selector>.modal-dialog-content {
  padding: 0
}

.column-item {
  background: #fff;
  height: 80px;
  display: block;
  text-shadow: 0 1px 0 #fff;
  position: relative;
  color: #666768
}

.column-item .avatar {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, .2), 0 1px 0 #fff;
  float: left;
  margin: 15px 18px 0 20px
}

.column-item .column-content {
  float: left;
  margin-top: 14px
}

.column-item .column-content .article-count {
  color: #9d9e9f;
  margin-top: 3px;
  font-size: 14px
}

.column-item .icon-go {
  position: absolute;
  top: 27px;
  right: 19px;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-transition: all .05s ease-in-out;
  -moz-transition: all .05s ease-in-out;
  -o-transition: all .05s ease-in-out;
  transition: all .05s ease-in-out
}

.column-item .icon-create-column {
  float: left;
  margin: 15px 18px 0 20px;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-transition: all .05s ease-in-out;
  -moz-transition: all .05s ease-in-out;
  -o-transition: all .05s ease-in-out;
  transition: all .05s ease-in-out
}

.column-item:hover {
  text-decoration: none
}

.column-item:hover .icon {
  opacity: 1;
  filter: alpha(opacity=100)
}

.column-item:nth-child(odd) {
  background: #f4f5f6
}

.column-item:last-child {
  border-radius: 0 0 6px 6px
}

.column-item.create-column {
  padding: 0
}

.column-item.create-column .text {
  margin-left: 83px;
  line-height: 80px
}

.browsehappy {
  font-size: 1.2em;
  margin-top: 10%;
  text-align: center
}

.share-dialog-content .share-dialog-section {
  margin-bottom: 16px;
  width: 100%
}

.share-dialog-content .share-dialog-textarea {
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05) inset;
  border: 1px solid #ddd;
  padding: 8px 12px;
  height: 86px;
  outline: 0;
  resize: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%
}

.items-container {
  min-height: 400px
}

.posts-end {
  margin: 80px auto;
  text-align: center
}

.posts-end .icon-posts-end {
  height: 50px;
  width: 62px
}

.item {
  list-style: none
}

.item+.item {
  margin-top: 30px;
  padding-top: 25px;
  border-top: 1px solid #edeeef
}

.draft-list .item {
  padding-top: 25px
}

.item-with-title-img+.item {
  margin-top: 40px;
  padding-top: 30px
}

.item+.item-with-title-img {
  margin-top: 30px;
  padding-top: 40px
}

@media screen and (max-width:600px) {
  .item {
    padding-left: 17px;
    padding-right: 17px
  }
  .item:first-child:not(.item-with-title-img) {
    margin-top: 25px
  }
}

.item-with-title-img+.item-with-title-img {
  margin-top: 30px;
  padding-top: 30px;
  border: 0
}

.item-with-title-img header {
  position: relative;
  padding: 270px 22px 22px;
  cursor: pointer;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, .01) 40%), to(rgba(0, 0, 0, .7) 80%));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .01) 40%, rgba(0, 0, 0, .7) 80%);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .01) 40%, rgba(0, 0, 0, .7) 80%);
  background-image: linear-gradient(top, rgba(0, 0, 0, .01) 40%, rgba(0, 0, 0, .7) 80%);
  background-repeat: repeat-x
}

@media screen and (max-width:420px) {
  .item-with-title-img header {
    padding-top: 180px;
    padding: 270px 17px 22px
  }
}

.item-with-title-img header:hover {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, .03) 40%), to(rgba(0, 0, 0, .6) 80%));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .03) 40%, rgba(0, 0, 0, .6) 80%);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .03) 40%, rgba(0, 0, 0, .6) 80%);
  background-image: linear-gradient(top, rgba(0, 0, 0, .03) 40%, rgba(0, 0, 0, .6) 80%);
  background-repeat: repeat-x
}

.item-with-title-img header>.ui-spinner {
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  z-index: -3
}

.item-with-title-img .entry-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.item-with-title-img .entry-meta,
.item-with-title-img .linked-post-link-wrapper {
  position: relative;
  z-index: 1
}

.item-with-title-img .entry-meta .icon-comment {
  width: 16px;
  height: 17px;
  margin-right: 8px;
  margin-left: -2px;
  vertical-align: -4px
}

.item-with-title-img .entry-title {
  word-wrap: break-word
}

.item-with-title-img .entry-title>a {
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
  text-decoration: none
}

.item-with-title-img .entry-meta,
.item-with-title-img .entry-meta .name,
.item-with-title-img .entry-meta .comment,
.item-with-title-img .linked-post-link-wrapper .link {
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
  opacity: .95
}

.item-with-title-img .linked-post-link-wrapper .link:hover {
  color: #fff;
  text-decoration: underline
}

.item-with-title-img .linked-post-link-wrapper .link .icon-linked-post {
  opacity: .95
}

@media screen and (max-width:600px) {
  .item-with-title-img {
    padding: 0
  }
}

.title-img-preview {
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover
}

.vote-num {
  font-size: 15px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .05);
  color: #9d9e9f;
  padding: 1px 10px;
  border-radius: 4px;
  -webkit-transition: all .05s ease-in-out;
  -moz-transition: all .05s ease-in-out;
  -o-transition: all .05s ease-in-out;
  transition: all .05s ease-in-out;
  display: inline-block;
  border: 1px solid #d6d7d8;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
  line-height: 27px
}

.vote-num .icon-voteup {
  display: none
}

.hentry .vote-num {
  float: right;
  margin: 5px 0 0 20px
}

.entry-controls .vote-num {
  float: left;
  line-height: 36px;
  padding: 0 14px;
  margin-top: -6px
}

.item-with-title-img .vote-num {
  border: 1px solid #fff;
  border: 0;
  color: #fff;
  box-shadow: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
  position: absolute;
  padding: 0;
  right: 17px;
  bottom: 17px
}

.item-with-title-img .vote-num .icon-voteup {
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: -2px;
  margin-right: 8px
}

.item-with-title-img .vote-num:hover {
  background: 0 0;
  border: 0
}

.vote-num:hover {
  text-decoration: none;
  background-color: #fbfbfb
}

.vote-num:active {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  background-color: #FBFBFB
}

.linked-post-link-wrapper {
  margin-bottom: 8px
}

.linked-post-link-wrapper .link {
  display: inline-block;
  color: #9d9e9f;
  font-size: 15px;
  -webkit-transition: all .05s ease-in-out;
  -moz-transition: all .05s ease-in-out;
  -o-transition: all .05s ease-in-out;
  transition: all .05s ease-in-out
}

.linked-post-link-wrapper .link .icon-linked-post {
  margin-right: 6px;
  vertical-align: -4px;
  opacity: .45;
  -webkit-transition: all .05s ease-in-out;
  -moz-transition: all .05s ease-in-out;
  -o-transition: all .05s ease-in-out;
  transition: all .05s ease-in-out
}

.linked-post-link-wrapper .link:hover {
  text-decoration: none;
  color: #666768
}

.linked-post-link-wrapper .link:hover .icon-linked-post {
  opacity: 1
}

.entry-title,
.entry-title>a {
  margin: 0;
  color: #414243;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.4;
  -webkit-transition: all .05s ease-in-out;
  -moz-transition: all .05s ease-in-out;
  -o-transition: all .05s ease-in-out;
  transition: all .05s ease-in-out
}

.entry-title>i,
.entry-title>a>i {
  margin-left: .5em;
  vertical-align: 1px
}

.entry-meta {
  margin: 8px 0 -5px;
  font-size: 15px
}

.entry-meta,
.entry-meta .name,
.entry-meta .comment {
  color: #9d9e9f
}

.entry-meta .comment {
  margin-left: 10px
}

.entry-meta .icon-comment {
  vertical-align: -3px;
  margin-right: 6px
}

.entry-summary {
  margin: 15px 0
}

.entry-summary .read-all {
  color: #9d9e9f;
  margin-left: 6px;
  display: inline-block
}

.entry-summary .read-all .icon {
  margin-left: 6px;
  vertical-align: -4px
}

.entry-summary a {
  color: #414243;
  display: block;
  word-break: break-all
}

.entry-summary a:hover {
  text-decoration: none
}

.draft-list .delete {
  color: #9d9e9f;
  text-indent: -9999px;
  margin-left: 10px
}

.draft-list .delete .icon {
  vertical-align: -3px
}

.fx-draft-item-fade.ng-leave {
  -webkit-transition: 300ms ease-out all;
  -moz-transition: 300ms ease-out all;
  -o-transition: 300ms ease-out all;
  transition: 300ms ease-out all;
  position: relative;
  display: block
}

.fx-draft-item-fade.ng-leave {
  opacity: 1;
  max-height: 300px
}

.fx-draft-item-fade.ng-leave.ng-leave-active {
  opacity: 0;
  max-height: 0
}

.delete-draft {
  float: right;
  font-size: 15px;
  margin-top: 2px;
  color: #9d9e9f
}

.draft-list .item .censoring {
  color: #f57373
}

.right-bottom-corner {
  position: fixed;
  right: 30px;
  bottom: 30px
}

@media screen and (max-width:600px) {
  .post-view header,
  .post-view .entry-content {
    padding-left: 17px;
    padding-right: 17px
  }
  .post-view .entry {
    margin-top: 25px
  }
}

.post-view .entry-controls {
  margin: 40px 0;
  text-align: right
}

@media screen and (max-width:420px) {
  .post-view .entry-controls {
    text-align: left
  }
}

@media screen and (max-width:600px) {
  .post-view .entry-controls {
    padding-left: 17px;
    padding-right: 17px
  }
}

.post-view .entry-title-image {
  margin-bottom: 35px;
  position: relative
}

@media screen and (max-width:600px) {
  .post-view .entry-title-image {
    margin-left: -17px;
    margin-right: -17px;
    margin-top: -25px
  }
}

.post-view .entry-title-image img {
  display: block;
  width: 100%;
  margin: 0 auto
}

.post-view .entry-title-image:hover .img-captions {
  opacity: .8
}

.post-view .entry-title-image .img-captions {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #000;
  background-color: rgba(0, 0, 0, .75);
  border-radius: 4px 0 0;
  font-size: 12px;
  padding: 2px 6px;
  color: #fff;
  opacity: .4;
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all .05s ease-in-out;
  -moz-transition: all .05s ease-in-out;
  -o-transition: all .05s ease-in-out;
  transition: all .05s ease-in-out
}

.post-view .entry-meta {
  margin: 15px 0 0
}

.post-view .entry-meta .avatar-small {
  margin-right: 12px;
  margin-top: -5px
}

.entry-content {
  margin: 20px 0
}

.entry-warning {
  margin-top: 20px;
  padding: 5px 10px;
  border-radius: 4px
}

.entry-warning {
  position: relative;
  background: #ffe;
  border: 1px solid #d6d7d8
}

.entry-warning.with-arrow:after,
.entry-warning.with-arrow:before {
  top: 100%;
  left: 3em;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none
}

.entry-warning.with-arrow:after {
  border-color: rgba(255, 255, 238, 0);
  border-top-color: #ffe;
  border-width: 8px;
  margin-left: -8px
}

.entry-warning.with-arrow:before {
  border-color: rgba(214, 215, 216, 0);
  border-top-color: #d6d7d8;
  border-width: 9px;
  margin-left: -9px
}

.editable p,
.entry-content p {
  margin: 20px 0
}

.editable ul+br,
.editable ol+br,
.editable p+br,
.entry-content ul+br,
.entry-content ol+br,
.entry-content p+br {
  display: none
}

.editable h1,
.editable h2,
.editable h3,
.editable h4,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4 {
  margin: 20px 0;
  font-size: 24px;
  font-weight: 400
}

.editable blockquote,
.editable ul,
.editable ol,
.entry-content blockquote,
.entry-content ul,
.entry-content ol {
  margin: 20px 0
}

.editable img,
.entry-content img {
  max-width: 100%;
  display: block;
  margin: 20px auto 30px
}

.editable blockquote,
.entry-content blockquote {
  padding-left: 1.2em;
  border-left: 4px solid #e2e3e4
}

.editable li,
.entry-content li {
  margin-top: 10px
}

.editable ul,
.editable ol,
.entry-content ul,
.entry-content ol {
  padding-left: 24px
}

.editable embed,
.entry-content embed {
  width: 100%;
  height: 377.5px
}

.vote-section {
  float: left;
  display: inline-block;
  border-radius: 4px;
  height: 38px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
  margin-top: -6px
}

.vote-section a:hover {
  text-decoration: none;
  background: #fbfbfb
}

.vote-section a:active {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05)
}

.vote-section a.active {
  border: 1px solid #d1d2d3;
  background: #f1f2f3;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05)
}

.vote-section a.active:hover {
  background: #f1f2f3
}

.vote-section .voteup {
  border-right: 0!important;
  padding: 0 13px 0 15px;
  border-radius: 4px 0 0 4px
}

.vote-section .voteup .icon-voteup {
  margin-right: 8px;
  vertical-align: 0
}

.vote-section .votedown {
  padding: 0 13px;
  border-left: 1px solid #e1e2e3;
  border-radius: 0 4px 4px 0
}

.vote-section .votedown .icon-votedown {
  margin: 0;
  vertical-align: -1px
}

.vote-section .voteup,
.vote-section .votedown {
  font-size: 15px;
  float: left;
  height: 36px;
  display: inline-block;
  color: #9d9e9f;
  line-height: 36px;
  border: 1px solid #d6d7d8;
  -webkit-transition: all .05s ease-in-out;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .8)
}

.vote-section .voteup .icon,
.vote-section .votedown .icon {
  width: 13px;
  height: 13px
}

.vote-section .voteup.active+.votedown,
.vote-section .votedown.active {
  border-left: 1px solid #d1d2d3
}

.vote-section .voteup:active+.votedown,
.vote-section .votedown:active {
  border-left: 1px solid #ddd
}

.entry-controls .right-section {
  float: right
}

@media screen and (max-width:420px) {
  .entry-controls .right-section {
    float: none;
    margin-bottom: 15px
  }
}

.entry-controls .voters {
  display: block;
  margin-top: 10px;
  height: 25px;
  clear: both
}

@media screen and (max-width:420px) {
  .entry-controls .voters {
    margin-top: 15px
  }
}

.entry-controls .voters .more-voters,
.entry-controls .voters .voter {
  width: 25px;
  height: 25px;
  position: relative;
  margin: 0 8px 8px 0;
  float: left
}

.entry-controls .voters .more-voters>img,
.entry-controls .voters .voter>img {
  float: left
}

.entry-controls .voters .voter:hover:after,
.entry-controls .voters .voter:hover:before {
  visibility: visible;
  opacity: 1
}

.entry-controls .voters .voter:after {
  content: attr(title);
  position: absolute;
  top: -3px;
  right: 36px;
  font-size: 15px;
  display: inline-block;
  background-color: #000;
  background-color: rgba(0, 0, 0, .75);
  color: #fff;
  padding: 3px 8px;
  border-radius: 3px;
  white-space: nowrap;
  z-index: 1;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .05s ease-in-out;
  -moz-transition: all .05s ease-in-out;
  -o-transition: all .05s ease-in-out;
  transition: all .05s ease-in-out
}

.entry-controls .voters .voter:before {
  content: "";
  position: absolute;
  top: 6px;
  left: -3px;
  width: 0;
  height: 0;
  margin: 0 0 0 -8px;
  font-size: 0;
  border-left: 6px solid rgba(0, 0, 0, .75);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  z-index: 1;
  -webkit-transition: all .05s ease-in-out;
  -moz-transition: all .05s ease-in-out;
  -o-transition: all .05s ease-in-out;
  transition: all .05s ease-in-out;
  visibility: hidden;
  opacity: 0
}

.entry-controls .voters .icon-more-voters {
  vertical-align: 0;
  width: 25px;
  height: 25px
}

.entry-controls .control-item {
  margin-left: 15px;
  color: #9d9e9f;
  font-size: 15px;
  opacity: 1;
  -webkit-transition: all .05s ease-in-out;
  -moz-transition: all .05s ease-in-out;
  -o-transition: all .05s ease-in-out;
  transition: all .05s ease-in-out
}

.entry-controls .control-item>.icon {
  margin-right: 8px;
  vertical-align: -2px
}

.entry-controls .control-item .icon-eye {
  vertical-align: 0
}

.entry-controls .control-item .icon-edit {
  vertical-align: -1px;
  margin-right: 9px
}

.entry-controls .control-item .icon-settings {
  vertical-align: -2px;
  margin: 0
}

.entry-controls .control-item:hover {
  text-decoration: none;
  opacity: .85
}

.entry-controls .control-item:hover .icon {
  opacity: .85
}

.post-menu-button {
  padding-bottom: 10px
}

.post-menu-button>.menu {
  margin-left: -51px
}

@media screen and (max-width:600px) {
  .post-menu-button>.menu {
    margin-left: -70px
  }
}

.post-menu-button>.menu>.menu-item {
  line-height: 42px;
  font-size: 15px
}

.post-menu-button>.menu>.menu-item>.icon {
  margin-right: 10px;
  vertical-align: -3px
}

.post-share-button>.menu {
  margin-left: -64px
}

.post-share-button>.menu>.menu-item>.icon {
  width: 18px;
  height: 18px
}

.posts-navigator {
  border-top: 1px solid #edeeef
}

.posts-navigator .prev {
  padding: 30px 30px 30px 60px
}

.posts-navigator .next {
  padding: 30px 60px 30px 30px;
  text-align: right
}

@media screen and (max-width:420px) {
  .posts-navigator .next {
    border-top: 1px solid #f1f2f3
  }
}

.posts-navigator .posts-nav {
  display: table
}

.posts-navigator .posts-nav.one {
  display: block
}

.posts-navigator .posts-nav.one .post-link {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width:420px) {
  .posts-navigator .posts-nav {
    display: block
  }
}

.posts-navigator .post-link {
  display: table-cell;
  vertical-align: middle;
  width: 210px;
  position: relative
}

@media screen and (max-width:420px) {
  .posts-navigator .post-link {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }
}

.posts-navigator .post-link:hover {
  background-color: rgba(0, 0, 0, .025);
  text-decoration: none
}

.posts-navigator .post-link.disabled {
  text-align: center;
  color: #9d9e9f
}

.posts-navigator .post-link.disabled:hover {
  background: #fff
}

.posts-navigator .title {
  font-weight: 400;
  font-size: 24px;
  color: #414243;
  word-break: break-all;
  word-break: break-word
}

.posts-navigator .icon {
  width: 11px;
  height: 18px;
  position: absolute;
  top: 50%;
  margin-top: -9px
}

.posts-navigator .icon-prev-post {
  left: 25px
}

.posts-navigator .icon-next-post {
  right: 25px
}

.column-selector .warn {
  color: #adaeaf
}

.column-selector .icon-navbar-select {
  vertical-align: baseline;
  width: 8px;
  height: 12px;
  display: inline-block;
  margin-left: 8px
}

.publish-section .draft-control {
  margin-right: 15px;
  vertical-align: -2px
}

.publish-section .draft-control>.hint {
  color: #9d9e9f
}

.publish-section .draft-control>.hint.error {
  color: #f57373
}

@-webkit-keyframes spinningSmall {
  from {
    background-position: 0 0
  }
  to {
    background-position: -360px 0
  }
}

@-moz-keyframes spinningSmall {
  from {
    background-position: 0 0
  }
  to {
    background-position: -360px 0
  }
}

@-ms-keyframes spinningSmall {
  from {
    background-position: 0 0
  }
  to {
    background-position: -360px 0
  }
}

@keyframes spinningSmall {
  from {
    background-position: 0 0
  }
  to {
    background-position: -360px 0
  }
}

.title-scraper-preview {
  margin-bottom: 10px;
  position: relative
}

.title-scraper-preview .remove-button {
  width: 18px;
  height: 18px;
  margin-left: 8px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .05s ease-in-out;
  -moz-transition: all .05s ease-in-out;
  -o-transition: all .05s ease-in-out;
  transition: all .05s ease-in-out
}

.title-scraper-preview:hover .remove-button {
  visibility: visible;
  opacity: 1
}

.title-scraper-preview .ui-spinner {
  position: absolute;
  left: -50px;
  bottom: -56px;
  display: block
}

.post-write {
  min-width: 600px
}

@media screen and (max-width:600px) {
  .post-write {
    min-width: initial
  }
}

.post-write .editable-container {
  overflow: hidden
}

.post-write .entry-content {
  padding: 0 50% 200px;
  min-width: 600px;
  margin-left: -300px;
  min-height: 300px
}

.post-write .entry-content:focus {
  outline: 0
}

@media screen and (max-width:600px) {
  .post-write .entry-content {
    min-width: initial;
    padding-left: initial;
    padding-right: initial;
    margin-left: initial
  }
}

.post-write .title-img {
  position: relative;
  display: block;
  background-color: #f7f8f9;
  line-height: 90px;
  color: #9d9e9f;
  text-align: center;
  cursor: pointer;
  border: 0;
  font-size: 1em;
  min-height: 90px;
  -webkit-transition: all .05s ease-in-out;
  -moz-transition: all .05s ease-in-out;
  -o-transition: all .05s ease-in-out;
  transition: all .05s ease-in-out
}

@media screen and (max-width:600px) {
  .post-write .title-img {
    margin-left: -17px;
    margin-right: -17px
  }
}

.post-write .title-img .hover-tip {
  padding-right: 0;
  margin-left: -69px;
  left: 50%;
  top: -46px
}

.post-write .title-img.active:after,
.post-write .title-img.droppable:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -webkit-transition: all .05s ease-in-out;
  -moz-transition: all .05s ease-in-out;
  -o-transition: all .05s ease-in-out;
  transition: all .05s ease-in-out
}

.post-write .title-img.active:after {
  border: 2px dashed #d2d3d4
}

.post-write .title-img.droppable:after {
  border: 2px dashed #bbbcbd;
  background-color: rgba(0, 0, 0, .02)
}

.post-write .title-img .icon-add-titleimg {
  vertical-align: -19px;
  opacity: .75;
  -webkit-transition: all .05s ease-in-out;
  -moz-transition: all .05s ease-in-out;
  -o-transition: all .05s ease-in-out;
  transition: all .05s ease-in-out
}

.post-write .title-img:hover {
  background-color: #f3f4f5
}

.post-write .title-img:hover .icon-add-titleimg {
  opacity: 1
}

.post-write .title-img:hover .hover-tip {
  opacity: 1;
  visibility: visible
}

.post-write .title-img .preview-wrapper {
  display: block;
  width: 100%;
  height: 100%;
  position: relative
}

.post-write .title-img .preview {
  width: 100%;
  display: block;
  margin: 0 auto
}

.post-write .title-img input {
  width: 100%;
  height: 100%
}

.post-write .title-input-container {
  margin: 35px 0 0
}

.post-write .title {
  height: 44px;
  min-height: 44px;
  display: block;
  width: 100%;
  border: 0;
  font-size: 32px;
  line-height: 1.4;
  font-weight: 400;
  resize: none;
  overflow: hidden;
  outline: 0;
  box-shadow: none
}

.post-write .title:focus {
  outline: 0
}

.post-write .toolbar-holder {
  width: 600px;
  background: #fff
}

@media screen and (max-width:600px) {
  .post-write .toolbar-holder {
    width: 100%;
    margin-left: -17px;
    margin-right: -17px
  }
}

.post-write .toolbar-holder.sticky {
  position: fixed;
  top: 0;
  z-index: 10
}

.post-write .toolbar-holder.in,
.post-write .toolbar-holder.out {
  -webkit-transition: all ease-in-out .2s;
  -moz-transition: all ease-in-out .2s;
  -o-transition: all ease-in-out .2s;
  transition: all ease-in-out .2s
}

.post-write .toolbar-holder.in,
.post-write .toolbar-holder.out.out-active {
  opacity: 0;
  margin-top: -27px
}

.post-write .toolbar-holder.out,
.post-write .toolbar-holder.in.in-active {
  opacity: .95;
  margin-top: 0
}

.img-edit-options {
  position: absolute;
  height: 42px;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transition: all .05s ease-in-out;
  -moz-transition: all .05s ease-in-out;
  -o-transition: all .05s ease-in-out;
  transition: all .05s ease-in-out;
  background-color: #000;
  background-color: rgba(0, 0, 0, .75);
  border-radius: 4px 0 0;
  pointer-events: auto
}

.ui-popover .img-edit-options.ng-hide-remove,
.ui-popover .img-edit-options.ng-hide-add.ng-hide-add-active {
  opacity: 0;
  display: block!important
}

.ui-popover .img-edit-options.ng-hide-add,
.ui-popover .img-edit-options.ng-hide-remove.ng-hide-remove-active {
  opacity: 1
}

.img-edit-options .icon-img-change {
  vertical-align: -1px
}

.img-edit-options .icon-img-delete,
.img-edit-options .icon-img-caption {
  vertical-align: -2px
}

.img-edit-options>button {
  float: left;
  line-height: 42px;
  height: 42px;
  width: 48px;
  opacity: .9;
  border: 0;
  background: 0 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

.img-edit-options>button:first-child {
  border-radius: 4px 0 0
}

.img-edit-options>button:hover {
  text-decoration: none
}

.img-edit-options>button+button {
  border-left: 1px solid #323334;
  border-left: 1px solid rgba(255, 255, 255, .12)
}

.img-edit-options .caption {
  width: auto;
  position: relative
}

.img-edit-options .caption .icon-img-caption {
  position: absolute;
  left: 13px;
  top: 13px
}

.img-edit-options .caption .caption-input {
  margin-top: -4px;
  padding: 0 13px 0 37px;
  width: 32px;
  border: 0;
  outline: 0;
  background: 0 0;
  color: #fff;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out
}

.img-edit-options .caption .caption-input.with-content {
  width: 96px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.img-edit-options .caption .caption-input:focus {
  width: 200px
}

.cancel-publish,
.save-as-draft {
  margin-right: 15px
}

@media screen and (max-width:600px) {
  .column-settings {
    margin-top: 30px
  }
}

.column-form .error {
  margin: 8px 0 0;
  color: #f57373
}

.column-form .error .icon-error {
  margin-right: 4px;
  width: 17px;
  height: 17px
}

.column-form input.submission {
  font-size: 16px;
  margin: 0 10px 0 0;
  vertical-align: 1px
}

.column-form .remove-button {
  margin-top: 8px;
  display: inline-block;
  color: #9d9e9f;
  text-decoration: none;
  padding: 0
}

.column-form .cancel-button {
  text-decoration: none;
  float: right;
  color: #225d99;
  margin: 8px 20px 0 0
}

.column-form .topics-input {
  position: relative
}

.column-form .topics-input .maxtags {
  display: none
}

.column-form .input-container {
  position: relative
}

@media screen and (max-width:600px) {
  .setting-sec {
    padding-left: 17px;
    padding-right: 17px
  }
}

.setting-sec .basic-input,
.setting-sec .zm-img-uploader input.video-url,
.zm-img-uploader .setting-sec input.video-url,
.setting-sec .linkdialog-form .text,
.linkdialog-form .setting-sec .text {
  width: 100%
}

.setting-sec.url .url-spine {
  display: inline-block;
  margin-right: 15px;
  vertical-align: -2px
}

.setting-sec.url .basic-input,
.setting-sec.url .zm-img-uploader input.video-url,
.zm-img-uploader .setting-sec.url input.video-url,
.setting-sec.url .linkdialog-form .text,
.linkdialog-form .setting-sec.url .text {
  width: 264px
}

@media screen and (max-width:600px) {
  .setting-sec.url .basic-input,
  .setting-sec.url .zm-img-uploader input.video-url,
  .zm-img-uploader .setting-sec.url input.video-url,
  .setting-sec.url .linkdialog-form .text,
  .linkdialog-form .setting-sec.url .text {
    display: block;
    margin-top: 12px;
    width: 100%
  }
}

.setting-sec.desc textarea {
  min-height: 74px;
  padding: 8px 12px
}

.setting-sec.comments .radio-label {
  display: block
}

.setting-sec.comments .radio-label+.radio-label {
  margin-top: 10px
}

.setting-sec.comments input[type=radio] {
  vertical-align: 1px;
  margin-right: 8px
}

.setting-sec .form-title {
  float: left;
  width: 100px;
  text-align: right;
  color: #666768
}

@media screen and (max-width:600px) {
  .setting-sec .form-title {
    width: 80px
  }
}

.setting-sec .form-title.with-margin {
  margin-top: 7px
}

.setting-sec .form-content {
  margin-left: 160px
}

@media screen and (max-width:600px) {
  .setting-sec .form-content {
    margin-left: 120px
  }
}

.setting-sec+.setting-sec {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #f1f2f3
}

.create-self-column {
  text-align: center
}

.create-self-column .avatar {
  width: 60px;
  height: 60px;
  border-radius: 30px
}

.create-self-column .create-self-column-btn {
  display: inline-block;
  height: 60px;
  line-height: 60px;
  background-color: #f1f2f3;
  padding: 0 25px 0 30px;
  border-radius: 30px;
  margin-left: 25px;
  color: #666768;
  opacity: 1;
  -webkit-transition: all .05s ease-in-out;
  -moz-transition: all .05s ease-in-out;
  -o-transition: all .05s ease-in-out;
  transition: all .05s ease-in-out
}

.create-self-column .create-self-column-btn:hover {
  text-decoration: none;
  background-color: #edeeef
}

.create-self-column .icon-create-column-next {
  width: 11px;
  height: 17px;
  vertical-align: -3px;
  margin-right: 0;
  margin-left: 6px
}

.create-self-column .devider {
  margin: 35px 0;
  position: relative;
  text-align: center
}

.create-self-column .devider .text {
  display: inline-block;
  color: #9d9e9f;
  font-size: 15px;
  padding: 0 12px;
  background-color: #fff
}

.create-self-column .devider:before {
  width: 100%;
  height: 1px;
  background-color: #f1f2f3;
  position: absolute;
  content: '';
  left: 0;
  top: 12px;
  z-index: -1
}

.avatar-editing {
  text-align: center;
  position: relative;
  width: 150px;
  margin: 0 auto
}

.setting-sec+.avatar-editing {
  border-top: 0;
  padding-top: 0;
  margin-top: 0
}

.avatar-editing .avatar,
.avatar-editing .avatar-preview {
  width: 150px;
  height: 150px;
  border: 0;
  border-radius: 75px
}

.avatar-editing input {
  height: 100%;
  width: 100%
}

.avatar-editing .upload {
  margin-top: 25px
}

.avatar-editing .upload .change-avatar {
  color: #9d9e9f
}

.avatar-editing .use-own-avatar {
  display: inline-block;
  color: #9d9e9f;
  font-size: 14px;
  margin-top: 20px
}

.avatar-editing .use-own-avatar img {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  vertical-align: -4px;
  margin-left: 10px
}

.avatar-editing .use-own-avatar:hover {
  text-decoration: none
}

.avatar-editing .use-own-avatar:hover>span {
  text-decoration: underline
}

.avatar-editing .avatar-preview {
  text-shadow: 0 1px 0 #fff;
  color: #9d9e9f;
  position: relative;
  font-size: 15px;
  display: block
}

.avatar-editing .avatar-preview .avatar {
  position: absolute;
  top: 0;
  left: 0
}

.avatar-editing .avatar-preview input {
  width: 100%;
  height: 100%
}

.avatar-editing .avatar-preview .tip {
  display: inline-block;
  position: absolute;
  text-align: center;
  width: 100%;
  left: 0;
  bottom: 30px;
  color: #666768
}

.avatar-editing .progressing .avatar-preview {
  background-color: #edeeef
}

.avatar-editing .progressing .tip,
.avatar-editing .progressing .icon-upload-avatar {
  display: none
}

.avatar-editing .icon-upload-avatar {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  border-radius: 50%;
  -webkit-transition: background-color .05s ease-in-out;
  -moz-transition: background-color .05s ease-in-out;
  -o-transition: background-color .05s ease-in-out;
  transition: background-color .05s ease-in-out
}

.avatar-editing:hover .icon-upload-avatar {
  background-color: #edeeef
}

.avatar-editing .ui-progress {
  z-index: 3;
  width: 100px;
  top: 70px;
  margin-top: 0;
  margin-left: -50px
}

.avatar-editing .ui-progress.with-avatar {
  border-color: #fff;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, .5);
  background-color: rgba(0, 0, 0, .5)
}

.avatar-editing .ui-progress.with-avatar .bar {
  background: #fff
}

.invite-authors-wrapper {
  position: relative;
  width: 300px
}

.invite-authors-wrapper .icon-magnify {
  position: absolute;
  top: 15px;
  left: 13px
}

.invite-authors-wrapper .basic-input,
.invite-authors-wrapper .zm-img-uploader input.video-url,
.zm-img-uploader .invite-authors-wrapper input.video-url,
.invite-authors-wrapper .linkdialog-form .text,
.linkdialog-form .invite-authors-wrapper .text {
  padding-left: 34px;
  display: block
}

.list-title {
  color: #666768
}

.invited-list+.list-title {
  margin-top: 20px
}

.invited-list,
.invited-but-not-in-list {
  list-style: none
}

.invited-list .author,
.invited-but-not-in-list .author {
  width: 50%;
  float: left;
  margin-top: 20px;
  line-height: 25px
}

.invited-list a,
.invited-list img,
.invited-list span,
.invited-but-not-in-list a,
.invited-but-not-in-list img,
.invited-but-not-in-list span {
  vertical-align: middle
}

.invited-list .author-link,
.invited-but-not-in-list .author-link {
  display: inline-block;
  color: #666768;
  max-width: 190px;
  -webkit-transition: all .05s ease-in-out;
  -moz-transition: all .05s ease-in-out;
  -o-transition: all .05s ease-in-out;
  transition: all .05s ease-in-out
}

html.lt-ie9 .invited-list .author-link,
html.lt-ie9 .invited-but-not-in-list .author-link {
  width: 160px
}

.invited-list .author-link:hover,
.invited-but-not-in-list .author-link:hover {
  color: #9d9e9f;
  text-decoration: none
}

.invited-list .avatar,
.invited-but-not-in-list .avatar {
  width: 25px;
  height: 25px;
  margin-right: 12px;
  border-radius: 13px
}

.invited-list .remove,
.invited-but-not-in-list .remove {
  margin-left: 4px
}

.invited-list .remove>.icon,
.invited-but-not-in-list .remove>.icon {
  vertical-align: -4px
}

.weixin {
  float: right
}

.weibo i,
.weixin i {
  display: inline-block;
  margin-right: 10px
}

.create-column button {
  float: right
}

.create-column {
  padding-bottom: 5px
}

.column-actions {
  border-bottom: 1px solid #edeeef;
  height: 100px;
  box-shadow: inset 0 -1px 1px rgba(0, 0, 0, .02);
  background: #feffff url(http://z1.zhimg.com/images/design/f61004f5.column-manage-bg.png)
}

.column-actions .receptacle {
  height: 100%;
  position: relative
}

.column-actions .action-link {
  height: 100%;
  display: inline-block;
  float: left;
  line-height: 100px;
  color: #9d9e9f;
  text-shadow: 0 1px 0 #fff;
  text-align: center;
  -webkit-transition: background-color .05s ease-in-out;
  -moz-transition: background-color .05s ease-in-out;
  -o-transition: background-color .05s ease-in-out;
  transition: background-color .05s ease-in-out;
  background-repeat: no-repeat;
  background-position: 80px center;
  width: 100%
}

.column-actions .action-link:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, .02)
}

.column-actions .action-link .icon {
  width: 39px;
  height: 35px;
  margin-right: 15px;
  vertical-align: -11px
}

.column-actions .action-link.invite {
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (max-width:600px) {
  .column-followers-main {
    margin-top: 30px
  }
}

.column-followers {
  list-style: none
}

.column-followers .follower {
  width: 50%;
  float: left;
  margin: 25px 0 0
}

@media screen and (max-width:600px) {
  .column-followers .follower {
    width: auto;
    float: none;
    padding-left: 17px;
    padding-right: 17px
  }
}

.column-followers .follower>a {
  color: #414243
}

.column-followers .follower>a:hover {
  text-decoration: none
}

.column-followers .follower>a:hover>strong {
  text-decoration: underline
}

.column-followers .follower .avatar {
  float: left;
  margin-right: 18px
}

.column-followers .follower strong {
  font-size: 16px;
  font-weight: 400
}

.column-followers .follower .bio {
  display: block;
  color: #9d9e9f;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 10px;
  min-height: 1.7em
}

.rec-section .rec-title {
  font-size: 1em;
  font-weight: 400;
  margin-bottom: 15px;
  border-bottom: 1px solid #edeeef;
  padding-bottom: 15px
}

.rec-section.columns .avatar {
  width: 25px;
  height: 25px;
  border-radius: 13px
}

.rec-section.columns .name {
  line-height: 25px
}

.home {
  width: 100%;
  height: 100%;
  position: relative
}

.home .navbar {
  background: 0 0;
  box-shadow: none;
  border: 0;
  position: absolute;
  z-index: 10;
  top: 0;
  width: 100%
}

.home .navbar .receptacle {
  width: auto
}

.home .navbar .navbar-logo-container,
.home .navbar .navbar-content {
  display: none
}

.home .navbar-login {
  color: #fff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .16);
  margin: 10px 10px 0 0;
  opacity: .95
}

.home .navbar-login:hover {
  opacity: .85;
  background-color: transparent
}

.home .navbar-login .icon-navbar-login {
  width: 23px;
  height: 24px;
  margin: 0 8px 0 -4px;
  vertical-align: -6px
}

.home .navbar-write-container,
.home .navbar-drafts-container {
  margin: 10px 0 0
}

.home .navbar-write-container .icon,
.home .navbar-drafts-container .icon {
  opacity: .95
}

.home .navbar-write-container:hover>a,
.home .navbar-drafts-container:hover>a {
  opacity: .85;
  background-color: transparent
}

.home .navbar-menu-container {
  margin: 10px 10px 0 0
}

.home .navbar-menu-container .icon-navbar-menu {
  opacity: .95
}

.home .navbar-menu-container.open .menu-button {
  opacity: .85;
  background-color: transparent
}

.home .navbar-menu-container .menu {
  left: -20px
}

.home .main-container {
  width: 100%;
  height: 100%
}

.home .top,
.home .bottom {
  width: 100%;
  height: 50%;
  min-height: 300px
}

.home .top {
  background-image: url(http://z1.zhimg.com/images/design/ac6ac7d7.bg.png);
  background-size: cover;
  background-position: center;
  position: relative
}

.home .top .logo {
  background-image: url(http://z1.zhimg.com/images/design/e1e44666.teaser-logo.png);
  background-repeat: no-repeat;
  width: 218px;
  height: 136px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -68px;
  margin-left: -109px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .home .top .logo {
    background-image: url(http://z1.zhimg.com/images/design/c13f39ba.teaser-logo@2x.png);
    background-size: contain
  }
}

.home .bottom {
  background-color: #fcfdfe;
  background-image: url(http://z1.zhimg.com/images/design/eb8ca248.typewriter.png);
  background-size: 143px 114px;
  background-repeat: no-repeat;
  background-position: center;
  position: relative
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .home .bottom {
    background-image: url(http://z1.zhimg.com/images/design/da29c2f2.typewriter@2x.png);
    background-size: 143px 114px
  }
}

.home .bottom .teaser {
  position: absolute;
  width: 222px;
  height: 62px;
  top: 0;
  left: 50%;
  margin-top: -30px;
  margin-left: -111px;
  background-image: url(http://z1.zhimg.com/images/design/785a53d7.teaser.png)
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .home .bottom .teaser {
    background-image: url(http://z1.zhimg.com/images/design/29412b6a.teaser@2x.png);
    background-size: contain
  }
}

[ng-cloak] {
  display: none
}
*:focus {
      outline: none;
    }
    body {
      margin: 0;
      font-family: Helvetica, Arial, "Hiragino Sans GB", sans-serif;
      font-size: 14px;
      line-height: 2em;
      color: #222;
      background-color: white;
    }
    .comment-list {
      padding-top: 10px;
      border-top: 1px solid #d9d9d9;
      margin: 0 auto;
    }
    .comment-list .new_comment {
      margin-bottom: 46px;
    }
    .comment-list .comment-text {
      padding: 10px;
      border: 1px solid #d9d9d9;
      font-family: "lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
      border-radius: 4px;
    }
    .comment-list textarea {
      width: 100%;
      height: 78px;
      padding: 0;
      margin: 0;
      border: none;
      box-shadow: none;
      background: transparent;
      resize: none;
    }
    .btn {
      text-shadow: none;
      border-radius: 4px;
      box-shadow: none;
      color: #555555;
      border-color: whitesmoke;
      background: whitesmoke;
      border-color: #d5d5d5;
      text-shadow: none;
      border: 1px solid #cccccc;
    }
    .btn-info {
      color: white;
      border-color: #15a7f0;
      background: #15a7f0;
    }
    .hotkey {
      position: relative;
      top: 2px;
      margin-left: 11px;
    }
    .pull-right {
      float: right;
    }
    .comment-list a {
      color: #555555;
      text-decoration: none;
    }
    .comment-list .fa {
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      transform: translate(0, 0);
    }
    .comment-list reply:before,
    .fa-reply:before {
      content: "\f112";
    }
    .comment-list .note-comment {
      padding: 0 0 10px;
      margin-bottom: 20px;
      border-bottom: 1px dashed #d9d9d9;
    }
    .comment-list .note-comment .avatar {
      position: absolute;
      margin-top: 3px;
      width: 36px;
      height: 36px;
    }
    .comment-list .note-comment .content {
      margin-left: 45px;
    }
    .comment-list .note-comment .content .comment-header {
      margin-bottom: 5px;
    }
    .comment-list .note-comment .content .author-name {
      font-size: 14px;
      color: #4094c7;
    }

    .comment-list .note-comment .content p a {
      color: #4094c7;
    }

    .comment-list .comment-head {
      margin-bottom: 10px;
    }

    .comment-list .comment-head input {
      border-radius: 4px;
      border: 1px solid #cccccc;
      margin-right: 10px;
      margin-top: 10px;
    }

    .comment-list .comment-head img {
      margin-bottom: 4px;
    }

    .content .author-link {
      font-weight: 700;
    }

    .navbar-wooyun {
      position: fixed;
      width: 45px;
      z-index: 1049;
      height: 100%;
      top: 0;
      left: 0;
      background: #2f2f2f;
    }

    .home-wooyun {
      font-size: 18px;
    }

    .navbar-wooyun div {
      /*  font-size: 26px;*/
      color: #999999;
      text-align: center;
    }

    .navbar-wooyun a {
      color: #999999;
      display: block;
      padding: 10px;
      font-size: 16px;
      line-height: 25px;
      text-align: center;
    }

    .navbar-wooyun a:hover {
      background-color: #e78170;
      color: white;
      text-shadow: 0 1px 0 #de533a;
    }

    .home-author-wooyun {
      //  position: absolute;
      top: 0;
      width: 100%;
      padding-top: 5px;
    }

    .bottom-author-wooyun {
      position: absolute;
      bottom: 0;
      width: 100%;
      padding-bottom: 5px;
    }

    .navbar-title {
      display: none;
    }

    .popover-content {
      font-weight: 900;
      width: 60;
    }

    .container:before {
      content: '';
    }

    table {
      border-top: #e0e0e0 1px solid;
      border-left: #e0e0e0 1px solid;
      border-collapse: separate;
      border-spacing: 0;
    }

    table th,
    table td {
      border-bottom: #e0e0e0 1px solid;
      border-right: #e0e0e0 1px solid;
      padding: 0 3px;
    }

    .column-about {
      text-align: center;
    }

    .receptacle {
      width: 750px;
    }

    .entry-content h1 {
      margin-top: 60px;
    }

    @media screen and (max-width: 600px) {
      .navbar-wooyun {
        display: none!important;
      }
      .post-view .entry-content hr {
        margin-left: -17px;
        margin-right: -17px;
      }
      .comment-list .new_comment,
      .comment-list .note-comment {
        padding-left: 17px;
        padding-right: 17px;
      }
      .receptacle {
        width: auto;
      }
    }

    .weibo {
      display: inline-block;
      width: 18px;
      height: 14px;
      background: url(http://image.3001.net/images/new/icon-weibo.jpg);
    }

    .navbar-mobile-show {
      padding-top: 60px;
    }

    .navbar-mobile {
      position: fixed;
      z-index: 1000;
      left: 0;
      right: 0;
      top: 0;
      height: 60px;
      background-color: #222;
    }

    .navbar-mobile-home {
      display: block;
      overflow: hidden;
    }

    .navbar-mobile-logo {
      float: left;
      width: 60px;
      height: 60px;
      margin: 0 10px;
      background-image: url();
      background-repeat: no-repeat;
      background-position: center;
      background-size: 58px 47px;
    }

    .navbar-mobile-logo-text {
      font-size: 20px;
      font-weight: bold;
      line-height: 60px;
      color: #ddd;
    }
